开发者社区> 问答> 正文

jquery怎么样动态的去组装一个table?:报错

jquery怎么样动态的去组装一个table?

1、只要定义一个grid的div

2、根据js中的变量columns,去读取并动态的去创建这个table?

问题:A,怎么去取得columns中的属性?对于定义的函数,应该怎么写回调? 能写些示例的代码吗?谢谢!!

<div class="grid-container" style="width: 950px;">
        <div id="grid">
        </div>
    </div>
</div>

<script type="text/javascript">
    var detailUrl = "www.baidu.com";

    var columns = [
        {title: '单号', width: 100, sortable: false, dataIndex: 'orderId'},
        {title: '子订单号', width: 120, sortable: false, dataIndex: 'subOrderId'},
        {title: '收件人', width: 80, sortable: false, dataIndex: 'consignee'},
        {title: '电话', width: 120, sortable: false, dataIndex: 'mobilePhone'},
        
        {
            title: '状态', width: 100, sortable: false, dataIndex: 'status',renderer: function (value, obj) {
                var status = obj.status;
    			if('失败' == status){
    				return '<span style="color:red">'+status+'</span>';
    			}else{
                    return '<span>'+status+'</span>';
    			}                
            }
        },
        {
            title: '操作', width: 100, dataIndex: 'g', renderer: function (value, obj) {
            var id = obj.orderId;
            return '<span data-title="查看" data-href="' + detailUrl + '?id=' + id + '" data-id="' +
                    id + '" class="page-action grid-command">查看</span>';
            }
        }
    ];
</script>




展开
收起
kun坤 2020-06-07 17:00:42 440 0
1 条回答
写回答
取消 提交回答
  • 遍历  columns不就拼接html不就Ok了么######嗯 这个我会拼接,那带function函数的怎么办呢?

    2020-06-07 17:00:46
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
JS 语言在引擎级别的执行过程 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
fibjs 模块重构从回调到协程--陈垒 立即下载