如何将所选项目从移动列表视图显示到另一个视图页面？ [英] How to Display selected item from mobile listView to another view page?

问题描述

查看：
 @（Html.Kendo（）。MobileListView（）
 .Name（  flat-listview）
 .PullToRefresh（ true ）
 .AutoBind（< span class =code-keyword> true ）
  //   .EndlessScroll（true）  
 .HtmlAttributes（ new  {@style =   background-color：＃e4f0f8}）
 .HeaderTemplateId（  customListViewHeaderTemplate）
 .TemplateId（  template）
 .DataSource（dataSource => 
 dataSource 
。读取（  FlatData，  TTSCancel））
 .Filterable（filter => 
 filter.Field（  strFilter）
。操作员（ 包含）
）
 .Events（events => events.Click（< span class =code-string>  onClick）。DataBound（ < span class =code-string> onDataBound））
）
 JS：
  function  onClick（e ）{
  //   alert（e.item [0] .outerText） 
  var  SelectedVal = e.item [ 0 ]。outerText; 
 
  var  urlsearch =   @ Url.Content（〜/ TTSCancel / View2  ）; 
 alert（urlsearch）
 $ .ajax（{
 url：urlsearch，
 dataType：  json，
类型：  POST ，
  //   contentType：'application / json; charset = utf-8'， 
数据：{GetSelectedVal：SelectedVal}，
 
成功：功能（结果）{
 alert（result.url） 
  window 。 location  = result.url; 
} 
} ）; 
} 
 
控制器：
 [AcceptVerbs（HttpVerbs.Post）] 
  public  ActionResult FlatData（[ DataSourceRequest] DataSourceRequest request）
 {
  return  Json（flipbutton_Read（）。ToDataSourceResult（request））; 
} 
我做过的所有事情但问题是页面没有被重定向...告诉我一个解决方案
 
控制器：
 [HttpPost] 
  public  ActionResult View2（[DataSourceRequest] DataSourceRequest请求，字符串GetSelectedVal）
 {
 IList< string>分割1; 
 split1 = GetSelectedVal.Split（ new  [] {'  \ n'}）; 
 ViewBag.Code = split1 [ 0 ]; 
 ViewBag.Desc = split1 [ 2 ]; 
  //   return View（）;  
 返回 Json（（GetSelectedVal）.ToDataSourceResult（request））; 
} 
 View2：
< h3>代码：< /   h3  >  
< label  class  =   labelclass> @ ViewBag.Code < /  标签 >  
< h3> Decsription：< /   h3  >  
< label  class  =   labelclass> @ ViewBag.Desc < /   label  >  

解决方案

.ajax（{
url：urlsearch，
dataType： json，
类型： POST，
// contentType：'应用/ JSON; charset = utf-8'，
数据：{GetSelectedVal：SelectedVal}，

成功：功能（结果）{
alert（result.url）
window 。 location = result。网址;
}
}）;
}

控制器：
[AcceptVerbs（HttpVerbs.Post）]
public ActionResult FlatData（[ DataSourceRequest] DataSourceRequest request）
{
return Json（flipbutton_Read（）。ToDataSourceResult（request））;
}
我做过的所有事情但问题是页面没有被重定向...告诉我一个解决方案

控制器：
[HttpPost]
public ActionResult View2（[DataSourceRequest] DataSourceRequest请求，字符串GetSelectedVal）
{
IList< string>分割1;
split1 = GetSelectedVal.Split（ new [] {' \ n'}）;
ViewBag.Code = split1 [ 0 ];
ViewBag.Desc = split1 [ 2 ];
// return View（）;
返回 Json（（GetSelectedVal）.ToDataSourceResult（request））;
}
View2：
< h3>代码：< / h3 >
< label class = labelclass> @ ViewBag.Code < / 标签 >
< h3> Decsription：< / h3 >
< label class = labelclass> @ ViewBag.Desc < / label >

View:
@( Html.Kendo().MobileListView()
                          .Name("flat-listview")
                          .PullToRefresh(true)
                          .AutoBind(true)
                        //  .EndlessScroll(true)
                          .HtmlAttributes(new { @style = "background-color:#e4f0f8"})
                          .HeaderTemplateId("customListViewHeaderTemplate")
                          .TemplateId("template")
                          .DataSource(dataSource =>
                                         dataSource
                          .Read("FlatData", "TTSCancel"))
                          .Filterable(filter =>
                          filter.Field("strFilter")
                          .Operator("contains")
                          )
                          .Events(events => events.Click("onClick").DataBound("onDataBound"))
                          )
JS:
function onClick(e) {
        //alert(e.item[0].outerText)
        var SelectedVal = e.item[0].outerText;

        var urlsearch = "@Url.Content("~/TTSCancel/View2")";
        alert(urlsearch)
        $.ajax({
            url: urlsearch,
            dataType: "json",
            type: "POST",
            //contentType: 'application/json; charset=utf-8',
            data: { GetSelectedVal: SelectedVal },

            success: function (result) {
                alert(result.url)
                window.location = result.url;
            }
        });
    }

Controller:
[AcceptVerbs(HttpVerbs.Post)]
        public ActionResult FlatData([DataSourceRequest] DataSourceRequest request)
        {
            return Json(flipbutton_Read().ToDataSourceResult(request));
        }
All the things i have done but the issue is page not redirected... tell me a solution

Controller:
[HttpPost]
        public ActionResult View2([DataSourceRequest]DataSourceRequest request, string GetSelectedVal)
        {
            IList<string> split1;
            split1 = GetSelectedVal.Split(new[] { '\n' });
            ViewBag.Code = split1[0];
            ViewBag.Desc = split1[2];
            //return View();
            return Json((GetSelectedVal).ToDataSourceResult(request));
        }	
View2:
<h3>Code :</h3>
<label class="labelclass">@ViewBag.Code</label>
<h3>Decsription :</h3>
<label class="labelclass">@ViewBag.Desc</label>

解决方案

.ajax({ url: urlsearch, dataType: "json", type: "POST", //contentType: 'application/json; charset=utf-8', data: { GetSelectedVal: SelectedVal }, success: function (result) { alert(result.url) window.location = result.url; } }); } Controller: [AcceptVerbs(HttpVerbs.Post)] public ActionResult FlatData([DataSourceRequest] DataSourceRequest request) { return Json(flipbutton_Read().ToDataSourceResult(request)); } All the things i have done but the issue is page not redirected... tell me a solution Controller: [HttpPost] public ActionResult View2([DataSourceRequest]DataSourceRequest request, string GetSelectedVal) { IList<string> split1; split1 = GetSelectedVal.Split(new[] { '\n' }); ViewBag.Code = split1[0]; ViewBag.Desc = split1[2]; //return View(); return Json((GetSelectedVal).ToDataSourceResult(request)); } View2: <h3>Code :</h3> <label class="labelclass">@ViewBag.Code</label> <h3>Decsription :</h3> <label class="labelclass">@ViewBag.Desc</label>

这篇关于如何将所选项目从移动列表视图显示到另一个视图页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！