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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。