wijmo3 grid控件如何获取远程数据

收藏

新建MVC项目，页面js中
var productView = new wijmo.data.AjaxDataView("home/GetPeople", {
            pageSize: 10,
            ajax: { crossOrigin: true }
         }); 向homecontroller中GetPeople请求数据,后台代码如下
public JsonResult GetPeople()
｛
List<

atron> people= new List<

atron>
   {
      new Patron{ID=1,Name="Tom",Country="美国",Age=21,Sex=true,Birthday=DateTime.Parse("1994-01-01"),CountryID=1},
      new Patron{ID=2,Name="Jerry",Country="英国",Age=23,Sex=true,Birthday=DateTime.Parse("1992-01-01"),CountryID=2},
      new Patron{ID=3,Name="Jack",Country="英国",Age=25,Sex=true,Birthday=DateTime.Parse("1990-01-01"),CountryID=2},
      new Patron{ID=4,Name="Lucy",Country="美国",Age=21,Sex=false,Birthday=DateTime.Parse("1994-01-01"),CountryID=1},
      new Patron{ID=5,Name="张三",Country="中国",Age=22,Sex=true,Birthday=DateTime.Parse("1995-01-01"),CountryID=3},
      new Patron{ID=6,Name="李四",Country="中国",Age=21,Sex=true,Birthday=DateTime.Parse("1994-01-01"),CountryID=3},
      new Patron{ID=7,Name="李颖",Country="中国",Age=21,Sex=false,Birthday=DateTime.Parse("1994-01-01"),CountryID=3},
   };
return Json(people, JsonRequestBehavior.AllowGet);
｝
无法显示那里写错了

Alice · Alice

回复 1楼LJLLY的帖子

但从提供的信息来看，看不出错误在哪里。
你能否将完整的页面提供给我，我帮你看看。

LJLLY · LJLLY

这个问题解决了，但是相似的combobox远程获取数据总出错，前台代码如下：
<script type="text/javascript">
   $.support.cors = true;
   var viewModel;
   function ViewModel() {
      var self = this;
var countryData = new wijmo.data.AjaxDataView("http://localhost:2295/Wijmo3/GetCountryData", {
         ajax: { crossOrigin: true }
      });
self.data = countryData;
$(document).ready(function () {
      viewModel = new ViewModel();
      ko.applyBindings(viewModel);
});
html:
<input id="combo_country" data-bind="wijcombobox: {
disabled: disabled,
labelText: labelText,
showTrigger: showTrigger,
triggerPosition: triggerPosition,
isEditable: isEditable,
autoComplete: autoComplete,
autoFilter: autoFilter,
highlightMatching: highlightMatching,
selectedIndex: selectedIndex,
data: { label: { bind: 'lable' }, value: { bind: 'value' } },
selectionMode:selectionMode}"/>
后台MVC:
public JsonResult GetCountryData()
   {
      List<ComboData> countrys = new List<ComboData>
      {
         new ComboData{value=1,lable="美国"},
         new ComboData{value=2,lable="英国"},
         new ComboData{value=3,lable="中国"}
      };
      return Json(countrys, JsonRequestBehavior.AllowGet);
   }
就是上面的js代码有问题，我看官方文档代码总是不完整只有最主要的部分，根本看不懂，你帮我看看

LJLLY · LJLLY

我js那块的代码要怎么写才对

Alice · Alice

回复 3楼LJLLY的帖子

你好，单纯的代码很难推测出具体的问题。

有关wijmo的reference，请参考这篇文章：
http://wijmo.com/docs/wijmo/#ReferenceWijmo.html

每个项目的Quick Start章节，也会介绍页面需要添加的references和markup。
比如ComboBox：http://wijmo.com/docs/wijmo/#ComboBoxQuickStart.html

除了代码片段，文档里也有示例和全部源代码。
比如http://wijmo.com/docs/wijmo/#ComboboxMarkupScripting.html
这个链接的文档里，图片的地方实际上一个网页，它的地址是：
http://wijmo.com/docs/wijmo/live ... arkupScripting.html
你可以看到这个项目的全部源代码，也可以下载到本地运行。

除了产品文档，我们还提供了在线的演示：
http://wijmo.gcpowertools.com.cn/products/wijmo-3/

		自动登录	找回密码
密码			立即注册

wijmo3 grid控件如何获取远程数据

4 个回复

活字格认证

微信认证勋章

元老葡萄