layui å°jsonåç¬¦ä¸²ä»¥è¡¨æ ¼çå½¢å¼å±ç°åºæ¥

åçä¸Jsonæ°æ®ï¼
[{"name":"å®/å³æ¶éé","code":"TIMER","value":"11111aaa"},
{"name":"è®¾å¤ç®¡çå","code":"MANAGER","value":"2222bbb"},
{"name":"è®¾å¤ä½ç½®","code":"LOCATION","value":"3333ccc"},
{"name":"ç¨çµå±æ§","code":"POWER_ATTR","value":"44444dddd"}]

åæ¾è¿dataä¸å»

ç¶åä»¥è¿ç§æ ¼å¼åéå°åå°ï¼

layui å°jsonåç¬¦ä¸²ä»¥è¡¨æ ¼çå½¢å¼å±ç°åºæ¥

éç¨çåè¡¨æ ¼å¼ï¼

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
    <!-- æ³¨æï¼å¦æä½ ç´æ¥å¤å¶ææä»£ç å°æ¬å°ï¼ä¸è¿°cssè·¯å¾éè¦æ¹æä½ æ¬å°ç -->
</head>
<body>

    <table class="layui-hide" ></table>

    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- æ³¨æï¼å¦æä½ ç´æ¥å¤å¶ææä»£ç å°æ¬å°ï¼ä¸è¿°jsè·¯å¾éè¦æ¹æä½ æ¬å°ç -->

    <script>
    layui.use('table', function(){
        var table = layui.table;

        table.render({
            elem: '#test'
            ,url:'/demo/table/user/'
            ,cellMinWidth: 80 //å¨å±å®ä¹å¸¸è§ååæ ¼çæå°å®½åº¦ï¼layui 2.2.1 æ°å¢
            ,cols: [[
                {field:'id', width:80, title: 'ID', sort: true}
                ,{field:'username', width:80, title: 'ç¨æ·å'}
                ,{field:'sex', width:80, title: 'æ§å«', sort: true}
            ]]
        });
    });
    </script>

</body>
</html>

èªå·±åçè¿ä¸ªåè¡¨æ ¼å¼ï¼

 <table class="layui-hide" ></table>
	 <script type="text/html" >
 		 <a class="layui-btn layui-btn-xs" lay-event="edit">ç¼è¾</a>
 		 <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">å é¤</a>
	</script>

ãã

layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
	 var laydate = layui.laydate //æ¥æ
	  ,laypage = layui.laypage //åé¡µ
	  ,layer = layui.layer //å¼¹å±
	  ,table = layui.table //è¡¨æ ¼
	  ,carousel = layui.carousel //è½®æ
	  ,upload = layui.upload //ä¸ä¼ 
	  ,element = layui.element //åç´ æä½
	  ,slider = layui.slider //æ»å
	
	  
	  
        table.render({
            elem: '#demo'
            ,url: _path +'/channel/ExtendValues2.do?channelId='+channelId
            ,cellMinWidth: 80 //å¨å±å®ä¹å¸¸è§ååæ ¼çæå°å®½åº¦ï¼layui 2.2.1 æ°å¢
        	,totalRow : false
        	,unresize : false
           	,cols: [[
           		{
           			field : 'seq',
					title : 'åºå·',
					event : 'monthSign',
					width : '10%',
					align : 'center',
					templet : function(row) {
						return row.seq;
					}
				},
    			{
					field : 'name',
					title : 'ç¨æ·å',
					event : 'monthSign',
					width : '30%',
					align : 'center',
					templet : function(row) {
						return row.name;
					}
				},
				{
					field : 'value',
					title : 'å¯¹åºå¼',
					width : '32%',
					event : 'monthSign',
					align : 'center',
					templet : function(row) {
						return row.value;
					}
				},
				{
					fixed: 'right',
					align:'center',
					toolbar: '#barDemo'
					}
            ]],
			done : function(res, curr, count) {

			}
        });
ãã});

ãã