做国际生意的网站有哪些,网站建设与管理的策划书,营销型网站建设宣传语,成都网站建设优化企业排名出现的问题#xff1a;1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误(自己的锅)2、传递参数问题使用的 table 加载刷新方案有一个页面#xff0c;左侧是一个 tree#xff0c;右侧是一个 table#xff0c;默认 table 加载全数据#xff0…出现的问题1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误(自己的锅)2、传递参数问题使用的 table 加载刷新方案有一个页面左侧是一个 tree右侧是一个 table默认 table 加载全数据当点击 tree 节点时table 进行筛选很简单的需求吧这里我们不谈 tree 的使用将仅仅贴出 table 的相关方法首先贴出源表格代码序号销售ID姓名年份一月二月年度操作直接在代码中通过注释讲解(function () { //加载列表的后端 urlvar getListUrl ; //对于任意一个 table按照官方的说法有三种不同的初始化渲染方式不多介绍而这里使用的方式姑且看做第三种转换静态表格 方式//转换静态表格方式自然首先需要有一个已经存在的表格然后再通过 js 方式转化为 Layui 表格//无论哪种方式的 Layui table 初始化自然需要配置项//通过转化的方式初始化 Layui table配置项部分可以在 源table中部分在js中源 table 的源代码上文已经给出下面给出一个示例的 js 中的配置项var tableOptions {url: getListUrl, //请求地址method: POST, //方式id: listReload, //生成 Layui table 的标识 id必须提供用于后文刷新操作笔者该处出过问题page: false, //是否分页where: { type: all }, //请求后端接口的条件该处就是条件错误点按照官方给出的代码示例原先写成了 where: { key : { type: all } }结果并不是我想的那样如此写key 将是后端的一个类作为参数里面有 type 属性如果误以为 key 是 Layui 提供的格式那就大错特错了response: { //定义后端 json 格式详细参见官方文档statusName: Code, //状态字段名称statusCode: 200, //状态字段成功值msgName: Message, //消息字段countName: Total, //总数字段dataName: Result //数据字段}}; //layui.use([table, layer], function () {//layui 模块引用根据需要自行修改var layer layui.layer, table layui.table; //表初始化var createTable function () {table.init(EditListTable, tableOptions);// table lay-filter}; //表刷新方法var reloadTable function (item) {table.reload(listReload, { //此处是上文提到的 初始化标识idwhere: { //key: { //该写法上文已经提到type: item.type, id: item.id //}}});}; //表初始化createTable(); //其他和 tree 相关的方法其中包括 点击 tree 项调用刷新方法});})();后端方法//本示例中后台代码写法public ActionResult GetGoalList(string type, string id){ //}//如果按照官方文档条件项应该是下面的写法public ActionResult GetGoalList(keyItem key){ //}public class keyItem{ public string id { get; set; } public string type { get; set; }}更多layui相关文章请关注layui使用教程栏目。
