jQuery MiniUI

标题: 求救:datagrid 动态列，列数不固定 [打印本页]

作者: huaxia 时间: 2015-3-13 11:25:27 标题: 求救:datagrid 动态列，列数不固定

datagrid 动态列，如果json过来的数据列不是固定的有时候可能3列有时候可能5列，请问这样的如何设置，谢谢

作者: felt 时间: 2015-3-13 11:34:42

动态生成设置列
var columns=............
grid.setColumns(columns)

作者: huaxia 时间: 2015-3-13 11:45:57

felt 发表于 2015-3-13 11:34
动态生成设置列
var columns=............
grid.setColumns(columns)

你好，假设有一个表有5列，ID1，ID2，ID3，ID4，ID5，下一个表可能就查三列，ID1，ID2，ID3，这个具体怎么获取并显示在前台啊，也就是columns的数量是不一致的，谢谢

作者: felt 时间: 2015-3-13 13:08:45

huaxia 发表于 2015-3-13 11:45
你好，假设有一个表有5列，ID1，ID2，ID3，ID4，ID5，下一个表可能就查三列，ID1，ID2，ID3，这个具体怎 ...

1 先获取表头数据

2 通过表头数据生成表头

3，调用grid.setColumns(columns)生成

作者: huaxia 时间: 2015-3-13 18:23:11 标题: 请问这段代码哪里有问题吗？怎么还是显示不出来啊

本帖最后由 huaxia 于 2015-3-13 18:26 编辑

felt 发表于 2015-3-13 13:08
1 先获取表头数据

2 通过表头数据生成表头

<div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;" url="countrys.txt" >

</div>
<a class="mini-button">tt</a>
<script type="text/javascript">
      mini.parse();

      function tt()
      {

      var datagrid1 = mini.get("datagrid1");
         //datagrid1.url = "countrys.txt";
         var columns = ' [ { type: "indexcolumn" }, { field: "text", width: 120, header: "员工账号" } ] ';


         datagrid1.setColumns(columns);
         datagrid1.load();}

请问这段代码哪里有问题吗？怎么还是显示不出来啊

countrys.txt 数据：
[
{ "id": "usa", "text": "美国" },
{ "id": "cn", "text": "中国" },
{ "id": "jp", "text": "日本" },
{ "id": "en", "text": "英国" },
{ "id": "de", "text": "德国" },
{ "id": "fr", "text": "法国" },
{ "id": "ca", "text": "加拿大" },
{ "id": "at", "text": "奥地利" },
{ "id": "ch", "text": "瑞士" }
]

作者: huaxia 时间: 2015-3-13 18:50:49

huaxia 发表于 2015-3-13 18:23
tt

mini.parse();

已经出来非常感谢

作者: huaxia 时间: 2015-3-17 16:56:26

felt 发表于 2015-3-13 13:08
1 先获取表头数据

2 通过表头数据生成表头

你好，还是不行呢？能帮我看看吗？

作者: felt 时间: 2015-3-17 17:02:29

huaxia 发表于 2015-3-17 16:56
你好，还是不行呢？能帮我看看吗？

html页面发上来，回复的高级模式可以上传文件

作者: huaxia 时间: 2015-3-17 17:30:00

felt 发表于 2015-3-13 13:08
1 先获取表头数据

2 通过表头数据生成表头

datagrid1.setColumns([{ type: "indexcolumn" }, { field: "text", width: 120, header: "员工账号" }]);
我这样写死是可以正常显示的
但是我用了动态的
var dyCols = "";
dyCols = getDyCols(MenuId);
datagrid1.setColumns(dyCols);
就不能正常显示了，请问这个是什么原因啊

作者: huaxia 时间: 2015-3-17 17:35:27

felt 发表于 2015-3-17 17:02
html页面发上来，回复的高级模式可以上传文件

<div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;" url="javascript:GetTZListUrl();" >

</div>

<script type="text/javascript">
      var MenuId = getQueryString('MenuId');
      var TabType = getQueryString('TabType');
      var TabName = getQueryString('TabName');
      mini.parse();

function tt()
      {
         var prjDBID = TZprjCombo.getValue();
         var dyCols = "";
         dyCols = getDyCols(MenuId);
         if ((dyCols != null) && (dyCols != ""))
         {
            datagrid1.setColumns(dyCols);
            //mini.get("datagrid1").set({
            // columns: dyCols
            //});
            datagrid1.url = decodeURI(GetTZListUrl());
            mini.get("datagrid1").load();
         }
      }
      function getDyCols(MenuId) {
         var msg = "";
         $.ajax({
            url: "DU.ashx?action=GetTZList_DynamicColumns_mini&MenuId=" + MenuId,
            async: false,
            success: function (text) {
                  msg = text;
            },
            error: function () {
            }
         });
         return msg;
      }function GetTZListUrl() {
         var TZListurl = "DU.ashx?action=GetTZList_mini&TabType=" + TabType + "&TabName=" + TabName;
         return TZListurl;
      }

</script>

作者: huaxia 时间: 2015-3-17 17:40:47

felt 发表于 2015-3-17 17:02
html页面发上来，回复的高级模式可以上传文件

在附件中非常感谢哈

作者: dforce 时间: 2015-3-18 09:39:35

huaxia 发表于 2015-3-17 17:40
在附件中非常感谢哈

没有你ajax返回的数据，不好测试
你ajax返回之后的数据格式肯定不对，setColumns(columns)的数据columns需要数组格式

作者: huaxia 时间: 2015-3-18 15:24:04

dforce 发表于 2015-3-18 09:39
没有你ajax返回的数据，不好测试
你ajax返回之后的数据格式肯定不对，setColumns(columns)的数据columns ...

恩恩已经好了，非常感谢哈

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