关于Jeeplus框架1.4 迁移 2.0

分享 未结 5 2381
Edwin
Edwin VIP3 2018-07-04 16:31:04   最后修改:2018-07-04 16:31:41
收藏
针对Jeeplus框架1.4升级2.0版本列出该文档,2.0的版本对于1.4来说改动还是非常巨大的,首先低版本编辑器不再支持统一替换idea编辑器,其次就是代码层的迁移 后端 : 可平滑过渡 直接copy过来就好 前端 : (布局与前端逻辑处理改动巨大) 1 List.jsp页面 1.2 检索(改动巨大) 原代码结构 [pre] <!-- 搜索 --> <div class="accordion-group"> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> ... </div> </div> </div> [/pre] 现代码结构 [pre] <!-- 搜索 --> <div id="search-collapse" class="collapse"> <div class="accordion-inner"> ... </div> </div> [/pre] 其中间 accordion-inner 中的内容直接copy 1.3 工具栏 去除检索a标签 1.4 表格 原代码结构 [pre] <!-- 表格 --> <table id="table" data-toolbar="#toolbar"></table> [/pre] 现在代码结构 [pre] <!-- 表格 --> <table id="table" data-toolbar="#tableToolbar" data-id-field="id"> </table> [/pre] 其中data-toolbar 属性 是对应的上方 工具栏的id 2 List.js页面 [pre] $('#table').bootstrapTable({ //请求方法 method: 'get', //类型json dataType: "json" ... [/pre] 在渲染bootstrap-table js 代码中 加入配置参数 [pre] //数据编码类型 contentType: "application/x-www-form-urlencoded" //显示检索按钮 showSearch: true [/pre] 在queryParams 后加入 [pre] //检索按钮点击 onShowSearch: function () { $("#search-collapse").slideToggle(); } [/pre] 页面中 原先弹出调用的是 jp.openDialog 与 jp.openDialogView 现在 全部更换为 查看调用 jp. openViewDialog 添加/修改调用 jp. openSaveDialog 并且在页面中创建 refresh() 方法 供子页面调用父页面刷新 [pre] //刷新表格 function refresh() { $('#baseParamsTable').bootstrapTable('refresh'); } [/pre] 3 Form.jsp页面 删除原有所有js 加入新方法 [pre] function save() { var isValidate = jp.validateForm('#inputForm');//校验表单 if(!isValidate){ return false; }else{ jp.loading(); jp.post("保存数据路径",$('#inputForm').serialize(),function(data){ if(data.success){ jp.getParent().refresh(); var dialogIndex = parent.layer.getFrameIndex(window.name); // 获取窗口索引 parent.layer.close(dialogIndex); jp.success(data.msg) }else{ jp.error(data.msg); } }) } } [/pre]
回帖