easyuI企业管理系统－实战二表格引入json数据

今天你学习easyui了吗？首先，刚学习easyui的朋友们可以多去easyui中文网中进行学习，本篇介绍easyui＋php数据如何搭建。<script> $(function(){$("#tt").datagrid({height:$("#body").height()-$('#mainPanle').height(),width:$("#body").width(),idField:'user_id',//data: data,
         url:'{:U('Inter/admin/category_list')}',  //php提供接口，引入json数据
         singleSelect:true, nowrap:true,fitColumns:true,rownumbers:true,showPageList:false,columns:[[  {field:'category_name',title:'分类名',width:100,halign:"center", align:"left"},//数据表格中对应的字段
            {field:'category_vip',title:'分类折扣%',width:100,halign:"center", align:"left"},{field:'category_agde',title:'代理商折扣%',width:100,halign:"center", align:"left"},{field:'category_deco',title:'供销商折扣%',width:100,halign:"center", align:"left"}, {field:'category_image',title:'分类示意图',width:300,height:230,align:'center',formatter:function(value,row,index){return '<img  style=\"width: 100px;height: 100px;\"  src="'+row.category_image+'" />';}//表格独立显示
            } ]],toolbar:'#tt_btn',  pagination:true,pageSize: 20, pageList: [5,10,15,30],striped:true,   //交替显示行背景
         onDblClickRow:function(rowIndex, rowData){//双击方法
            viewDetail(rowData.user_id);}}); })function viewDetail(date, id){var row = $("#tt").datagrid("getSelected");if (row) {$("#dlg1").dialog("open").dialog('setTitle', '分类相关信息'); $("#fm2").form("load", row);url = "{:U('Inter/admin/category_update')}?id=" + row.category_id; }} //监听窗口大小变化
   window.onresize = function(){setTimeout(domresize,300);};//改变表格宽高function domresize(){$('#tt').datagrid('resize',{  height:$("#body").height()-$('#mainPanle').height(),width:$("#body").width()});}
</script>

<body><table id="tt" style="table-layout:fixed;"></table>　　//id名要与上面的datagrid一一对应</body>

转载于:https://www.cnblogs.com/maojiayan/p/4892259.html

easyuI企业管理系统－实战二表格引入json数据相关推荐

表格中json数据展示
表格中json数据展示表格中有的列后端返回的是json格式,可以用 el-popover 来展示 <template slot-scope="scope"><e ...
python实战二：使用CSV数据绘制带数据标志的折线图（matplotlib）
背景: 自动获取缺陷管理系统中的bug趋势统计数据,并保存到CSV中,读取CSV数据并绘制带数据标志的折线图,并保存为png图片下面代码仅实现"读取CSV数据并绘制带数据标志的折线图,并保 ...
easyuI企业管理系统－实战三添加功能
今天你学习了吗?本篇实例是关于easyui添加功能,特别需要注意的是,ID为dlg其class名.其余的自行对照自己的项目进行调整. <div id="dlg" class= ...
easyuI企业管理系统－实战四上传图片
今天你学习了吗?本篇实例上传图片,需要注意的是ID名称不要出现重复,否则运行时会被误导,增加自己的调试bug时间.<form enctype="multipart/form-data& ...
（示例一）功能简单的小区快递管理系统（二维数组存储数据）
任务描述: 疫情期间为了减少人员接触,很多小区在快递的配送流程中,加入了快递柜.快递柜中内置了一套快递管理系统,包含的功能: 快递录入(快递员) 柜子位置(系统产生) 快递单号快递公司取件码( ...
javascript 二维数组 json数据
二维数组的建立 javascript创建键值对的二维数组 var arr = new Array();arr[0] = new Array();arr[0]['name'] = "jack& ...
html表格接收json数据,Bootstrap-table如何显示后台传过来的JSON数据？
大致懂了--可能是对JS不太了解吧,没有返回object,下面是成功代码: $(function () { //初始化Table var teacherTable = new TableInit(); ...
SpringSecurity权限管理系统实战—一、项目简介和开发环境准备
源码获取: github或者gitee 文章目录系列目录前言一.简介二.什么是RBAC 三.系统功能四.环境搭建五.技术栈六.说明七.项目截图八.请作者喝杯卡布奇诺系列目录 Spr ...
SpringSecurity权限管理系统实战—六、SpringSecurity整合JWT
文章目录系列目录前言一.无状态登录二.JWT介绍 1.什么是jwt 头部(Header) 载荷(Payload) 签名(Signature) 2.JWT工作流程 3.简单实现三.整合JWT ...

easyuI企业管理系统－实战二表格引入json数据

easyuI企业管理系统－实战二表格引入json数据相关推荐

最新文章

热门文章

easyuI企业管理系统－实战二 表格引入json数据

easyuI企业管理系统－实战二 表格引入json数据相关推荐

最新文章

热门文章

easyuI企业管理系统－实战二表格引入json数据

easyuI企业管理系统－实战二表格引入json数据相关推荐