[jeeplus] 使用笔记 (gridSelect、datetimepicker etc.)

😑 这个页面使用关键词：jeeplus 使用笔记 搜索，已经在百度里排第一了。
emmm....这里代码会不会暴露东西太多了，有风险不

Recognize when is the app first launched WP8 | 易学教程

下面是以配置清单列表中的增、改表单中的后期加上去的 gridSelect 选择框为例，简单说一下加的流程。

//示例代码片段  
<sys:gridselect id="proManage"  //对象名（可以随便取） 
	url="${ctx}/pro/proManage/data"  //gridselect选择框请求数据的url 
	name="proManage.id"  //gridselect弹出框选择数据后将 对象名.属性（java属性）的值，替换掉from表单中隐藏input框中的要提交的关联属性（我这里是项目id）  
	value="${proManage.id}"  //回显隐藏from表单input中的要提交的关联属性值 
	labelName="proManage.name"  //选择gridselect框中的数据后，会将该 对象名.属性（Java属性） 的值在form表单中的显示的input框中回显 
	labelValue="${proManage.name}"  //打开窗口后回显该 对象名.属性名到form表单中 
	title="选择项目"  //弹出框的title 
	cssClass="form-control required"  //样式 
	fieldLabels="项目编号|项目名称"  //gridselect框中表格的列名称 fieldKeys="proCd|name"  //gridselect框中表格对应的列要显示的那个字段的值（java属性） 
	searchLabels="项目编号|项目名称"  //gridselect框中查询框前的文本值 
	searchKeys="proCd|name"  >  //gridselect框中根据该字段查询数据（查询规则在 代码生成器的表单规则内设置的是保持一致的）  
</sys:gridselect>

具体属性解释

下面试大致过一下框架对这个标签的执行流程，具体的需要自己去看和理解，我粗略的注释一下

<sys:gridselect 这里使用的jsp的自定义标签，这个标签在jeeplus的如下目录中。

sys 自定义标签的位置如下

这里要看的是 gridselect.tag 标签的执行流程。

1.解析 tag 自定义标签

2.跳转自定义标签后台，它跳到了 modules/common/gridselect 页面

3.gridselect.jsp 页面

4.它自定义标签的执行过程看懂了就很容易理解各个属性的含义是做什么，有什么不懂可以再相互讨论

怎么让主附表中的附表也打开横向滚动条？

用 CSS 样式控制显示出来吗？尝试一下

    <style>
        .tab-content{
            overflow-x: scroll;
            width: 3000px;
        }
    </style>

添加该样式后显示不正确。
暂且在 list.jsp 中添加：

    <style>
        .tabs-container .tab-content > .active,
        .tabs-container .pill-content > .active {
            display: block;
            overflow-x: auto;
            width: 3000px;
        }
    </style>

为 jp 工具添加自定义方法，实现 js 的 unicode 编码

在 jeeplus.js 中的添加方法

(function(){
	jp = {

	        /** 实现 unicode 编码 */
	        toUnicode : function (s) {
	            var str = "";
	            for (var i = 0; i < s.length; i++) {
	                str +="\\u"+('0000' + s.charCodeAt(i).toString(16)).slice(-4)+"";
	            }
	            return str;
	        },	
	}
})(jQuery);

实现效果：

需要注意的是："\u0061\u0062\u0063" 中间需要转义字符：
"\\u0061\\u0062\\u0063"