jQuery MiniUI

标题: DataGrid 绑定数据不显示数据行，只显示有多少条数据 [打印本页]

作者: zmm12 时间: 2013-11-20 17:43:21 标题: DataGrid 绑定数据不显示数据行，只显示有多少条数据

[attach]3237[/attach]

如题，是什么情况

作者: lost 时间: 2013-11-20 18:12:25

数据没有正确加载到，检查下你的代码。

作者: zmm12 时间: 2013-11-21 09:59:23

lost 发表于 2013-11-20 18:12
数据没有正确加载到，检查下你的代码。

.Net 版本支持 MVC3 吗？我就是用MVC3 的 JsonResult 返回的数据，看不出那里有问题

作者: factory 时间: 2013-11-21 10:02:30

zmm12 发表于 2013-11-21 09:59
.Net 版本支持 MVC3 吗？我就是用MVC3 的 JsonResult 返回的数据，看不出那里有问题 ...

[attach]3245[/attach]

看下这个MVC的例子

作者: factory 时间: 2013-11-21 10:14:39

zmm12 发表于 2013-11-21 09:59
.Net 版本支持 MVC3 吗？我就是用MVC3 的 JsonResult 返回的数据，看不出那里有问题 ...

表格的url,后台只需返回一个json字符串即可

作者: zmm12 时间: 2013-11-21 10:30:13

本帖最后由 zmm12 于 2013-11-21 10:31 编辑

factory 发表于 2013-11-21 10:14
表格的url,后台只需返回一个json字符串即可

      public void AjaxListWrite()
      {
         string strJson = "[{'ID':1},{'ID':2},{'ID':3}]";
         Response.Write(strJson);
         Response.Flush();
         Response.End();
      }

<div id="datagridlist" class="mini-datagrid" style="width:100%;height:100%;"
      url="/demand/AjaxListWrite" idField="ID"
      pageSize="10">
      <div property="columns">
         <div field="ID" width="120" headerAlign="center" allowSort="true">编号</div>
      </div>
</div>
<script type="text/javascript">
      mini.parse();
      var grid = mini.get("datagridlist");
      grid.load();
</script>

一共就这几行代码，前台显示有3条数据，可行确实空的

作者: factory 时间: 2013-11-21 10:32:31

zmm12 发表于 2013-11-21 10:30
public void AjaxListWrite()
{
string strJson = "[{'ID':1},{'ID':2},{'ID ...

http://www.miniui.com/docs/tutorial/datagrid.html

你看下这个,里面有你需要返回的数据结构

作者: zmm12 时间: 2013-11-21 10:38:09

factory 发表于 2013-11-21 10:32
http://www.miniui.com/docs/tutorial/datagrid.html

你看下这个,里面有你需要返回的数据结构 ...

下载下来的实例都可以为什么放在新的项目中就是显示不出具体行，我没发现我返回的数据有问题啊

作者: factory 时间: 2013-11-21 10:40:12

zmm12 发表于 2013-11-21 10:38
下载下来的实例都可以为什么放在新的项目中就是显示不出具体行，我没发现我返回的数据有问题啊 ...

你看我上面贴的那个MVC的例子,
返回的数据结构
{
total: 100,    //总记录数
   data: [       //分页后的数组数据
      { ... },
      { ... },
      ...
]
}

作者: zmm12 时间: 2013-11-21 10:52:51

factory 发表于 2013-11-21 10:40
你看我上面贴的那个MVC的例子,
返回的数据结构
{

第一种
<div id="datagridlist" class="mini-datagrid" style="width:100%;height:100%;" editNextOnEnterKey="true" url="/demand/AjaxDemandList">
      <div property="columns">
         <div field="ID" width="120" headerAlign="center" allowSort="true">编号</div>
      </div>
</div>

第二种
<div id="datagridlist" class="mini-datagrid" style="width:800px;height:280px;"  allowCellEdit="true" allowCellSelect="true" multiSelect="true"
      editNextOnEnterKey="true"  url = "/demand/AjaxDemandList">
      <div property="columns">
         <div type="checkcolumn"></div>
         <div field="ID" allowResize="false" width="120" headerAlign="center" allowSort="true">员工帐号
            <input property="editor" class="mini-textbox" style="width:100%;" />
         </div>
      </div>
</div>

<script type="text/javascript">
      mini.parse();
      var grid = mini.get("datagridlist");
      grid.load();
</script>

请问这两种有何区别，第一种显示不出数据，第二种可以了

作者: factory 时间: 2013-11-21 10:57:36

zmm12 发表于 2013-11-21 10:52
第一种

应该不会,第二种只是给表格加了编辑器,允许表格进行单元格编辑而已

作者: zmm12 时间: 2013-11-21 11:15:19

factory 发表于 2013-11-21 10:40
你看我上面贴的那个MVC的例子,
返回的数据结构
{

我找到原因了，是因为 style="width:100%;height:100%;" 如果写成 style="width:500px;height:500px;"
就能正常显示，这是为什么？如何写成100%也能正常显示出来？

作者: felt 时间: 2013-11-21 11:31:39

datagrid外面加一层mini-fit就可以了。
http://www.miniui.com/demo/#src=fit/fit.html
参考我们这个demo

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)