/*
 * Generated by the Jasper component of Apache Tomcat
 * Version: ......
 * Generated at: 2020-07-14 09:46:36 UTC
 * Note: The last modified time of this file was set to
 *       the last modified time of the source file after
 *       generation to assist with modification tracking.
 */
package org.apache.jsp.formEngine;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;

public final class cellProperty_jsp extends org.apache.jasper.runtime.HttpJspBase
    implements org.apache.jasper.runtime.JspSourceDependent {

  private static final javax.servlet.jsp.JspFactory _jspxFactory =
          javax.servlet.jsp.JspFactory.getDefaultFactory();

  private static java.util.Map<java.lang.String,java.lang.Long> _jspx_dependants;

  static {
    _jspx_dependants = new java.util.HashMap<java.lang.String,java.lang.Long>(1);
    _jspx_dependants.put("/formEngine/nocache.jsp", Long.valueOf(1592198273912L));
  }

  private volatile javax.el.ExpressionFactory _el_expressionfactory;
  private volatile org.apache.tomcat.InstanceManager _jsp_instancemanager;

  public java.util.Map<java.lang.String,java.lang.Long> getDependants() {
    return _jspx_dependants;
  }

  public javax.el.ExpressionFactory _jsp_getExpressionFactory() {
    if (_el_expressionfactory == null) {
      synchronized (this) {
        if (_el_expressionfactory == null) {
          _el_expressionfactory = _jspxFactory.getJspApplicationContext(getServletConfig().getServletContext()).getExpressionFactory();
        }
      }
    }
    return _el_expressionfactory;
  }

  public org.apache.tomcat.InstanceManager _jsp_getInstanceManager() {
    if (_jsp_instancemanager == null) {
      synchronized (this) {
        if (_jsp_instancemanager == null) {
          _jsp_instancemanager = org.apache.jasper.runtime.InstanceManagerFactory.getInstanceManager(getServletConfig());
        }
      }
    }
    return _jsp_instancemanager;
  }

  public void _jspInit() {
  }

  public void _jspDestroy() {
  }

  public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
        throws java.io.IOException, javax.servlet.ServletException {

    final javax.servlet.jsp.PageContext pageContext;
    javax.servlet.http.HttpSession session = null;
    final javax.servlet.ServletContext application;
    final javax.servlet.ServletConfig config;
    javax.servlet.jsp.JspWriter out = null;
    final java.lang.Object page = this;
    javax.servlet.jsp.JspWriter _jspx_out = null;
    javax.servlet.jsp.PageContext _jspx_page_context = null;


    try {
      response.setContentType("text/html;charset=UTF-8");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write('\n');

    response.setHeader("Pragma","No-cache");
    response.setHeader("Cache-Control","no-cache");
    response.setDateHeader("Expires", 0);

      out.write('\n');
      out.write('\n');
      out.write("\n");
      out.write("\n");
      out.write("<html>\n");
      out.write("<head>\n");
      out.write("\n");
      out.write("    <script src=\"formEngine/ui/tab/tabbed.js?ver=<ss:ver>formEngine/ui/tab/tabbed.js</ss:ver>\"></script>\n");
      out.write("    <link rel=\"stylesheet\" href=\"formEngine/ui/tab/tabbed.css?ver=<ss:ver>formEngine/ui/tab/tabbed.css</ss:ver>\">\n");
      out.write("\n");
      out.write("</head>\n");
      out.write("<body>\n");
      out.write("<style>\n");
      out.write("    #cellPropertyPanel {\n");
      out.write("        width: 530px;\n");
      out.write("        height: 640px;\n");
      out.write("        z-index: 9999;\n");
      out.write("        position: absolute;\n");
      out.write("        left: 825px;\n");
      out.write("        top: 57px;\n");
      out.write("        background-color: #f0f0f0;\n");
      out.write("        box-shadow: 0px 2px 5px #ccc;\n");
      out.write("\n");
      out.write("    }\n");
      out.write("\n");
      out.write("\n");
      out.write("    input::-webkit-input-placeholder {\n");
      out.write("        color: #e0e0e0;\n");
      out.write("    }\n");
      out.write("\n");
      out.write("    ::-moz-placeholder {\n");
      out.write("        color: #e0e0e0;\n");
      out.write("    }\n");
      out.write("\n");
      out.write("    :-ms-input-placeholder {\n");
      out.write("        color: #e0e0e0;\n");
      out.write("    }\n");
      out.write("\n");
      out.write("\n");
      out.write("</style>\n");
      out.write("\n");
      out.write("<div class=\"ui-widget-content block\" id=\"cellPropertyPanel\" style=\"display:none;  \">\n");
      out.write("\n");
      out.write("\n");
      out.write("    <!-- Horizontal Form Title -->\n");
      out.write("    <div class=\"block-title\" id=\"cellPropertyTitle\" style=\"background-color: #f0f0f0 ; cursor:move; \">\n");
      out.write("        <div class=\"block-options pull-right\" style=\"cursor: pointer\">\n");
      out.write("            <i class=\"fa fa-close  \" onclick=\"$('#cellPropertyPanel').css('display','none'); \"></i>\n");
      out.write("\n");
      out.write("        </div>\n");
      out.write("        <h5><strong><span id=\"cellproperty_name\" class=\"themed-color-spring\"></span></strong> 更多属性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n");
      out.write("            <span class=\"themed-color-spring  \" style=\"font-size:12px;\">(按回车，设置生效)</span>\n");
      out.write("        </h5>\n");
      out.write("    </div>\n");
      out.write("\n");
      out.write("    <div>\n");
      out.write("        <ul class=\"nav nav-tabs\" role=\"tablist\">\n");
      out.write("            <li role=\"presentation\" class=\"active\"><a href=\"#panel-home\" role=\"tab\" data-toggle=\"tab\">\n");
      out.write("                <i class=\"fa fa-cog\"></i> 属性</a></li>\n");
      out.write("            <li role=\"presentation\"><a href=\"#panel-action\" role=\"tab\" data-toggle=\"tab\">\n");
      out.write("                <i class=\"fa fa-send-o\"></i> 动作</a>\n");
      out.write("            </li>\n");
      out.write("\n");
      out.write("            <li role=\"presentation\"><a href=\"#panel-ref\" role=\"tab\" data-toggle=\"tab\">\n");
      out.write("                <i class=\"fa fa-exchange\"></i> 取数</a>\n");
      out.write("            </li>\n");
      out.write("\n");
      out.write("            <li role=\"presentation\"><a href=\"#panel-auto\" role=\"tab\" data-toggle=\"tab\">\n");
      out.write("                <i class=\"fa fa-text-width\"></i> 补全</a>\n");
      out.write("            </li>\n");
      out.write("\n");
      out.write("            <li role=\"presentation\"><a href=\"#panel-validate\" role=\"tab\" data-toggle=\"tab\">\n");
      out.write("                <i class=\"fa fa-gavel\"></i> 校验</a>\n");
      out.write("            </li>\n");
      out.write("\n");
      out.write("            <li role=\"presentation\"><a href=\"#panel-view\" role=\"tab\" data-toggle=\"tab\">\n");
      out.write("                <i class=\"fa fa-eye\"></i> 显示</a>\n");
      out.write("            </li>\n");
      out.write("\n");
      out.write("            <!--\n");
      out.write("            <li role=\"presentation\"><a href=\"#panel-event\" role=\"tab\" data-toggle=\"tab\"><i class=\"fa fa-bell-o\"></i> 事件</a></li>\n");
      out.write("            -->\n");
      out.write("        </ul>\n");
      out.write("    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("    <!-- 面板区 -->\n");
      out.write("    <div class=\"tab-content  row block-section\"\n");
      out.write("         style=\"height:532px; background-color:white;padding:10px; overflow-y: auto;overflow-x: hidden;\">\n");
      out.write("        <div role=\"tabpanel\" class=\"tab-pane active\" id=\"panel-home\">\n");
      out.write("            <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>动态文字颜色</b>\n");
      out.write("                        <i class=\"fa  fa-question-circle-o pull-right btn\"\n");
      out.write("                           onclick=\"var o=$('#cellproperty_color_expression_help');   if(o.css('display')=='none'){o.css('display','');}else{o.css('display','none');} \"></i>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_color_expression\" name=\"cellproperty_color_expression\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"输入表达式，以=开头，按回车生效\">\n");
      out.write("                        <span class=\"help-block\" id=\"cellproperty_color_expression_help\" style=\"display:none\">\n");
      out.write("\n");
      out.write("                            单元格文字颜色使用表达式来定义\n");
      out.write("\n");
      out.write("\n");
      out.write("                       <ul>\n");
      out.write("                           <li>表达式的结果必须是一个表示颜色的字符串<br><button class=\"btn btn-xs btn-primary\"><a\n");
      out.write("                                   href=\"template/color.html\" target=\"_blank\">查看名称与颜色对照</a></button></li>\n");
      out.write("                           <li>输入内容后按回车生效</li>\n");
      out.write("                           <li>可以用rgb(r,g,b)或 rgba(r,g,b,a)来定义一个颜色</li>\n");
      out.write("                           <li>可以使用'red', 'green', 'blue'等颜色名称来定义颜色</li>\n");
      out.write("                           <li>如果结果为null 表示放弃使用表达式来指定颜色</li>\n");
      out.write("                           <li>示例  = iif( id>10 , rgb(255,0,0) , 'green' ) </li>\n");
      out.write("                           </ul>\n");
      out.write("\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>动态背景颜色</b>\n");
      out.write("                        <i class=\"fa  fa-question-circle-o pull-right btn\"\n");
      out.write("                           onclick=\"var o=$('#cellproperty_backgroundcolor_expression_help');   if(o.css('display')=='none'){o.css('display','');}else{o.css('display','none');} \"></i>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_backgroundcolor_expression\"\n");
      out.write("                               name=\"cellproperty_backgroundcolor_expression\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"输入表达式，以=开头，按回车生效\">\n");
      out.write("                        <span class=\"help-block\" id=\"cellproperty_backgroundcolor_expression_help\" style=\"display:none\">\n");
      out.write("\n");
      out.write("                            单元格背景颜色使用表达式来定义\n");
      out.write("\n");
      out.write("\n");
      out.write("                       <ul>\n");
      out.write("                           <li>表达式的结果必须是一个表示颜色的字符串<br><button class=\"btn btn-xs btn-primary\"><a\n");
      out.write("                                   href=\"template/color.html\" target=\"_blank\">查看名称与颜色对照</a></button></li>\n");
      out.write("                           <li>输入内容后按回车生效</li>\n");
      out.write("                           <li>可以用rgb(r,g,b)或 rgba(r,g,b,a)来定义一个颜色</li>\n");
      out.write("                           <li>可以使用'red', 'green', 'blue'等颜色名称来定义颜色</li>\n");
      out.write("                           <li>如果结果为null 表示放弃使用表达式来指定颜色</li>\n");
      out.write("                           <li>示例  = iif( id>10 , rgb(255,0,0) , 'green' ) </li>\n");
      out.write("                           </ul>\n");
      out.write("\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>显示掩码</b>(<span class=\"themed-color-fire\">需要设置“视为密码”后才生效</span>)\n");
      out.write("                        <i class=\"fa  fa-question-circle-o pull-right btn\"\n");
      out.write("                           onclick=\"var o=$('#cellproperty_passwordMask_help');   if(o.css('display')=='none'){o.css('display','');}else{o.css('display','none');} \"></i>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_passwordMask\" name=\"cellproperty_passwordMask\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"*\">\n");
      out.write("                        <span class=\"help-block\" id=\"cellproperty_passwordMask_help\" style=\"display:none\">\n");
      out.write("                            单元格显示为密码时的掩码，可以是4类格式\n");
      out.write("\n");
      out.write("                       <ul>\n");
      out.write("                           <li>* : 无论数据多长，统一显示为***</li>\n");
      out.write("                           <li>n* : 左边n位字符显示，其它的显示为***</li>\n");
      out.write("                           <li>*n : 右边n位字符显示，其它的显示为***</li>\n");
      out.write("                           <li> n1*n2 : 左边n1位字符显示,右边n2位字符显示，中间显示为***</li>\n");
      out.write("                           <li>输入内容后按回车生效</li>\n");
      out.write("                           </ul>\n");
      out.write("\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>占位提示 placeholder</b>\n");
      out.write("                     <span style=\"padding-left:40px;\"> <label><input type=\"checkbox\" id=\"cellproperty_placeholderonlyviewwhenediting\"\n");
      out.write("                                                                     name=\"cellproperty_placeholderonlyviewwhenediting\"  >仅编辑时显示</label>\n");
      out.write("                     </span>\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_placeholder\" name=\"cellproperty_placeholder\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"\">\n");
      out.write("                        <span class=\"help-block\" id=\"cellproperty_placeholder_help\"  >\n");
      out.write("                            单元格没有数据时的占位提示信息\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>\n");
      out.write("\n");
      out.write("                        <label><input type=\"checkbox\" id=\"cellproperty_cellClickControl\" name=\"cellproperty_cellClickControl\"  >需要控制点击权限</label>\n");
      out.write("                    </b>\n");
      out.write("                        <i class=\"fa  fa-question-circle-o pull-right btn\"\n");
      out.write("                           onclick=\"var o=$('#cellproperty_cellClickControl_help');   if(o.css('display')=='none'){o.css('display','');}else{o.css('display','none');} \"></i>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("\n");
      out.write("                        功能描述\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_cellClickControlTip\" name=\"cellproperty_cellClickControlTip\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"\">\n");
      out.write("\n");
      out.write("                        <span class=\"help-block\" id=\"cellproperty_cellClickControl_help\" style=\"display:none\">\n");
      out.write("                            如果单元点击操作，需要控制权限，请选上本选项\n");
      out.write("                       <ul>\n");
      out.write("                           <li>提供一个备注，在权限设置中，该备注用来描述本单元格点击操作</li>\n");
      out.write("                           <li>需要控制点击权限的单元格建议定义一个别名</li>\n");
      out.write("\n");
      out.write("                           </ul>\n");
      out.write("\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div>\n");
      out.write("                    <button class=\" btn btn-xs   btn-primary pull-right\" id=\"cb_propPanel_submit\">属性设置生效</button>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("            </form>\n");
      out.write("        </div>\n");
      out.write("\n");
      out.write("        <div role=\"tabpanel\" class=\"tab-pane \" id=\"panel-action\">\n");
      out.write("\n");
      out.write("            <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>双击排序</b>\n");
      out.write("\n");
      out.write("                        <i class=\"fa fa-hand-lizard-o  pull-right btn     btn-alt\"\n");
      out.write("                           title=\"拖动本图标到需要的单元格B上，表示双击本单元格则对单元格B绑定的字段做排序\"\n");
      out.write("                           draggable=\"true\" ondragstart=\"onSelectDblClickSortColumnDrag(event);\"\n");
      out.write("                           ondrop=\"onSelectDblClickSortColumnDrop(event)\"></i>\n");
      out.write("\n");
      out.write("                        <i class=\"fa fa-search pull-right btn  btn-alt \" style=\"width:20px;\" title=\"自动查找本单元格下面的多行结果集字段\"\n");
      out.write("                           draggable=\"true\" id=\"cb_autoSelectDblClickSortColumn\"></i>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_dblclicksort\" name=\"cellproperty_dblclicksort\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"结果集.字段名\">\n");
      out.write("                        <span class=\"help-block\">双击单元格对指定的字段排序</span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>单击链接</b>\n");
      out.write("                        <div style=\"float:right;\">\n");
      out.write("                            打开位置：<select id=\"cellproperty_clickJumpToWhere\">\n");
      out.write("                            <option value=\"_self\">本窗口</option>\n");
      out.write("                            <option value=\"_blank\">新窗口</option>\n");
      out.write("                            <option value=\"popupContent\">对话框content</option>\n");
      out.write("                            <option value=\"popupIframe\">对话框iframe</option>\n");
      out.write("\n");
      out.write("                            <option value=\"javascript\">脚本</option>\n");
      out.write("                        </select>\n");
      out.write("                        </div>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_clickJumpTo\" name=\"cellproperty_clickJumpTo\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"\">\n");
      out.write("                        <span class=\"help-block\">单击单元格打开链接或执行脚本\n");
      out.write("                        <ul>\n");
      out.write("                            <li>在此定义一个url或一个表达式， 表达式的执行结果做为要打开的url地址</li>\n");
      out.write("                            <li class=\"themed-color-spring\">表达式或脚本需要以=号做为第一个字符。示例 = a1+\"?code=\"+b1</li>\n");
      out.write("                            <li>打开位置是“对话框iframe”时，将在模态对话框中以iframe方式打开url。打开位置是“对话框content” 时， 将在对话框中显示指定的内容。\n");
      out.write("                                <ul><li>对话框宽<input type=\"tel\" id=\"cellproperty_clickPopupDialogWidth\" size=\"5\">px;\n");
      out.write("                                       高<input type=\"tel\" id=\"cellproperty_clickPopupDialogHeight\" size=\"5\">px</li>\n");
      out.write("                                    <li>标题：<input type=\"text\" id=\"cellproperty_clickPopupDialogTitle\">标题也可以是表达式</li>\n");
      out.write("                                </ul>\n");
      out.write("                            </li>\n");
      out.write("\n");
      out.write("\n");
      out.write("                        <li>打开位置是“脚本”时，表示仅需要执行表达式即可</li>\n");
      out.write("\n");
      out.write("\n");
      out.write("                        </ul>\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div>\n");
      out.write("                    <button class=\" btn btn-xs   btn-primary pull-right\" id=\"cb_actionPanel_submit\">动作设置生效</button>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("            </form>\n");
      out.write("        </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("        <div role=\"tabpanel\" class=\"tab-pane \" id=\"panel-validate\">\n");
      out.write("\n");
      out.write("            <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>校验不通过时的提示</b>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <input type=\"text\" id=\"cellproperty_validateTip\" name=\"cellproperty_validateTip\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               placeholder=\"\">\n");
      out.write("                        <span class=\"help-block\">当校验规则的值为 false ,表示校验不通过，此时给操作员一个提示信息</span>\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>校验规则</b>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div>\n");
      out.write("                        <textarea  id=\"cellproperty_validateRule\" name=\"cellproperty_validateRule\"\n");
      out.write("                               class=\"form-control\"\n");
      out.write("                               rows=\"3\"\n");
      out.write("                                   placeholder=\"\"></textarea>\n");
      out.write("                        <span class=\"help-block\">校验规则定义\n");
      out.write("                        <ul>\n");
      out.write("                            <li>单元格处于编辑状态按下回车或编辑失去焦点时触发，cell.setValue( someValue) 也触发校验</li>\n");
      out.write("                            <li>在此定义一个表达式， 结果为true表示校验通过，false表示校验不通过，校验不通过时，数据不会填到单元格中</li>\n");
      out.write("                            <li>表达式中可以使用别名引用模板上的数据，可以使用全局的函数，以及模板前端脚本中定义的函数</li>\n");
      out.write("                            <li>表达式中不可以使用对象的方法，比如   code.length<10 是错误的，正确的是 len( code) <10 。详细参看：\n");
      out.write("                                <a target=\"_blank\" href=\"/docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGA2C5ZMFVTS3ZDZONVSA\" >公式 </a></li>\n");
      out.write("\n");
      out.write("                            <li class=\"themed-color-spring\">这里的设置肯定是一个表达式，以=做为第一个字符，也可以省略= </li>\n");
      out.write("\n");
      out.write("<li class=\"themed-color-spring\">正在编辑的单元格的内容，使用 $$$ 这个特殊符号来指代，因为此时，编辑的数据尚未设置到单元格中，无法使用该单元格的名称或别名来访问数据，\n");
      out.write("    要在本校验通过后，数据才会回填到单元格中。<br> 示例1   $$$>4 && $$$<10   示例2   len($$$)<10 </li>\n");
      out.write("                        </ul>\n");
      out.write("                        </span>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div>\n");
      out.write("                    <button class=\" btn btn-xs   btn-primary pull-right\" id=\"cb_validatePanel_submit\">校验规则设置生效</button>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("            </form>\n");
      out.write("        </div>\n");
      out.write("\n");
      out.write("        <div role=\"tabpanel\" class=\"tab-pane \" id=\"panel-view\">\n");
      out.write("\n");
      out.write("            <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("                <div class=\"form-group\">\n");
      out.write("                    <div style=\"padding-right: 10px;\"><b>内边距</b>(单元格内容与边框之间的距离，单位:px)\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                    <div class=\"row\">\n");
      out.write("                        <div class=\"col-xs-1\">左</div>\n");
      out.write("                        <div class=\"col-xs-2\"><input type=\"tel\" id=\"cellproperty_leftPadding\" name=\"cellproperty_leftPadding\"\n");
      out.write("                                                     class=\"form-control\"      placeholder=\"1\"></div>\n");
      out.write("\n");
      out.write("                        <div class=\"col-xs-1\">右</div>\n");
      out.write("                        <div class=\"col-xs-2\"><input type=\"tel\" id=\"cellproperty_rightPadding\" name=\"cellproperty_rightPadding\"\n");
      out.write("                                                     class=\"form-control\"      placeholder=\"1\"></div>\n");
      out.write("                        <div class=\"col-xs-1\">上</div>\n");
      out.write("                        <div class=\"col-xs-2\"><input type=\"tel\" id=\"cellproperty_topPadding\" name=\"cellproperty_topPadding\"\n");
      out.write("                                                     class=\"form-control\"      placeholder=\"1\"></div>\n");
      out.write("                        <div class=\"col-xs-1\">下</div>\n");
      out.write("                        <div class=\"col-xs-2\"><input type=\"tel\" id=\"cellproperty_bottomPadding\" name=\"cellproperty_bottomPadding\"\n");
      out.write("                                                     class=\"form-control\"      placeholder=\"1\"></div>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("                <div>\n");
      out.write("                    <button class=\" btn btn-xs   btn-primary pull-right\" id=\"cb_viewPanel_submit\">设置生效</button>\n");
      out.write("                </div>\n");
      out.write("\n");
      out.write("            </form>\n");
      out.write("        </div>\n");
      out.write("\n");
      out.write("        <div role=\"tabpanel\" class=\"tab-pane\" id=\"panel-ref\">\n");
      out.write("\n");
      out.write("            当<span id=\"title_cellName\" class=\"themed-color-spring\"></span><span id=\"info_cellBind\"\n");
      out.write("                                                                                class=\"themed-color-spring\"></span>数据变化时在指定连接池执行查询并把结果填到单元格或结果集中\n");
      out.write("            <div id=tabContainer class='  csstabbed  round  skin-asbestos' style=\"padding-top:18px;\n");
      out.write("             -background-color:#efefef;\n");
      out.write("             background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#efefef));\">\n");
      out.write("                <ul>\n");
      out.write("                    <li id=\"panel-ref4\">&nbsp;&nbsp;规则4</li>\n");
      out.write("                    <li id=\"panel-ref3\">&nbsp;&nbsp;规则3</li>\n");
      out.write("                    <li id=\"panel-ref2\">&nbsp;&nbsp;规则2</li>\n");
      out.write("                    <li id=\"panel-ref1\" class=\"active\">&nbsp;&nbsp;规则1</li>\n");
      out.write("                </ul>\n");
      out.write("            </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("            <div class=\"tab-pane-ref  \" id=\"container-panel-ref1\">\n");
      out.write("\n");
      out.write("                <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>连接池</b></div>\n");
      out.write("                        <div>\n");
      out.write("                            <select style=\"width:100%;\" class=\"dbpool\"  id=\"cellproperty_valueChangedToQueryDBPool1\"></select>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>查询语句定义1</b>&nbsp;\n");
      out.write("                            <a href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE2S52EHVLSYVKHFR6LONFNQF4YDAMJO5CD2VZMKVDSY7FXGSWYC43LE\"\n");
      out.write("                               target=\"_blank\" class=\"  btn-alt  btn-primary\" >[帮助及示例]</a>\n");
      out.write("\n");
      out.write("                            <i class=\"fa fa-list  pull-right  btn btn-primary  btn-xs pull-right   showColumnListForValueChangedToQuery\"\n");
      out.write("                               title=\"显示字段列表\"\n");
      out.write("                                 data=\"1\"> 字段清单</i>\n");
      out.write("\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  sqlVerifyForValueChangedToQuery \" title=\"SQL语法校验\"\n");
      out.write("                                 data=\"1\"> SQL校验</i>\n");
      out.write("\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToQuery1\"\n");
      out.write("                                          name=\"cellproperty_valueChangedToQuery1\"\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>填数对应关系1</b>\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  colMapVerifyForValueChangedToQuery \" title=\"字段对应关系校验\"\n");
      out.write("                               data=\"1\"> 校验</i>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedCopyMap1\"\n");
      out.write("                                          name=\"cellproperty_valueChangedCopyMap1\"\n");
      out.write("                                          class=\"form-control\"\n");
      out.write("                                          placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                </form>\n");
      out.write("\n");
      out.write("            </div>\n");
      out.write("            <!---------------------------------------------------------------------------------------------->\n");
      out.write("            <div class=\"tab-pane-ref \" id=\"container-panel-ref2\">\n");
      out.write("\n");
      out.write("                <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>连接池</b></div>\n");
      out.write("                        <div>\n");
      out.write("                            <select style=\"width:100%;\" class=\"dbpool\" id=\"cellproperty_valueChangedToQueryDBPool2\"></select>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>查询语句定义2</b>&nbsp;\n");
      out.write("                            <a href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE2S52EHVLSYVKHFR6LONFNQF4YDAMJO5CD2VZMKVDSY7FXGSWYC43LE\"\n");
      out.write("                               target=\"_blank\" class=\"  btn-alt  btn-primary\" >[帮助及示例]</a>\n");
      out.write("\n");
      out.write("                            <i class=\"fa fa-list  pull-right  btn btn-primary  btn-xs pull-right   showColumnListForValueChangedToQuery\"\n");
      out.write("                               title=\"显示字段列表\"\n");
      out.write("                               data=\"2\"> 字段清单</i>\n");
      out.write("\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  sqlVerifyForValueChangedToQuery \" title=\"SQL语法校验\"\n");
      out.write("                               data=\"2\"> SQL校验</i>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToQuery2\"\n");
      out.write("                                          name=\"cellproperty_valueChangedToQuery2\"\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>填数对应关系2</b>\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  colMapVerifyForValueChangedToQuery \" title=\"字段对应关系校验\"\n");
      out.write("                               data=\"2\"> 校验</i>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedCopyMap2\"\n");
      out.write("                                          name=\"cellproperty_valueChangedCopyMap1\"\n");
      out.write("                                          class=\"form-control\"\n");
      out.write("                                          placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                </form>\n");
      out.write("\n");
      out.write("            </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("            <!---------------------------------------------------------------------------------------------->\n");
      out.write("            <div class=\"tab-pane-ref \" id=\"container-panel-ref3\">\n");
      out.write("\n");
      out.write("                <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>连接池</b></div>\n");
      out.write("                        <div>\n");
      out.write("                            <select style=\"width:100%;\" class=\"dbpool\" id=\"cellproperty_valueChangedToQueryDBPool3\"></select>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>查询语句定义3</b>&nbsp;\n");
      out.write("                            <a href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE2S52EHVLSYVKHFR6LONFNQF4YDAMJO5CD2VZMKVDSY7FXGSWYC43LE\"\n");
      out.write("                               target=\"_blank\" class=\"  btn-alt  btn-primary\" >[帮助及示例]</a>\n");
      out.write("                            <i class=\"fa fa-list  pull-right  btn btn-primary  btn-xs pull-right   showColumnListForValueChangedToQuery\"\n");
      out.write("                               title=\"显示字段列表\"\n");
      out.write("                               data=\"3\"> 字段清单</i>\n");
      out.write("\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  sqlVerifyForValueChangedToQuery \" title=\"SQL语法校验\"\n");
      out.write("                               data=\"3\"> SQL校验</i>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToQuery3\"\n");
      out.write("                                          name=\"cellproperty_valueChangedToQuery3\"\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>填数对应关系3</b>\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  colMapVerifyForValueChangedToQuery \" title=\"字段对应关系校验\"\n");
      out.write("                               data=\"3\"> 校验</i>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedCopyMap3\"\n");
      out.write("                                          name=\"cellproperty_valueChangedCopyMap3\"\n");
      out.write("                                          class=\"form-control\"\n");
      out.write("                                          placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                </form>\n");
      out.write("\n");
      out.write("            </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("            <!---------------------------------------------------------------------------------------------->\n");
      out.write("            <div class=\"tab-pane-ref \" id=\"container-panel-ref4\">\n");
      out.write("\n");
      out.write("                <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>连接池</b></div>\n");
      out.write("                        <div>\n");
      out.write("                            <select style=\"width:100%;\" class=\"dbpool\" id=\"cellproperty_valueChangedToQueryDBPool4\"></select>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>查询语句定义4</b>&nbsp;\n");
      out.write("                            <a href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE2S52EHVLSYVKHFR6LONFNQF4YDAMJO5CD2VZMKVDSY7FXGSWYC43LE\"\n");
      out.write("                               target=\"_blank\" class=\"  btn-alt  btn-primary\" >[帮助及示例]</a>\n");
      out.write("                            <i class=\"fa fa-list  pull-right  btn btn-primary  btn-xs pull-right   showColumnListForValueChangedToQuery\"\n");
      out.write("                               title=\"显示字段列表\"\n");
      out.write("                               data=\"4\"> 字段清单</i>\n");
      out.write("\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  sqlVerifyForValueChangedToQuery \" title=\"SQL语法校验\"\n");
      out.write("                               data=\"4\"> SQL校验</i></div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToQuery4\"\n");
      out.write("                                          name=\"cellproperty_valueChangedToQuery4\"\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>填数对应关系4</b>\n");
      out.write("                            <i class=\"fa fa-certificate pull-right btn btn-primary  btn-xs pull-right  colMapVerifyForValueChangedToQuery \" title=\"字段对应关系校验\"\n");
      out.write("                               data=\"4\"> 校验</i></div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedCopyMap4\"\n");
      out.write("                                          name=\"cellproperty_valueChangedCopyMap4\"\n");
      out.write("                                          class=\"form-control\"\n");
      out.write("                                          placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("                </form>\n");
      out.write("\n");
      out.write("            </div>\n");
      out.write("\n");
      out.write("            <div>\n");
      out.write("                <button class=\" btn btn-xs   btn-primary pull-right\" id=\"cb_valueChangedToQuery_submit\">取数规则生效</button>\n");
      out.write("            </div>\n");
      out.write("        </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("\n");
      out.write("\n");
      out.write("\n");
      out.write("        <div role=\"tabpanel\" class=\"tab-pane\" id=\"panel-auto\">\n");
      out.write("\n");
      out.write("            一边输入数据，一边给出候补数据提示\n");
      out.write("\n");
      out.write("\n");
      out.write("                <form action=\"\" class=\"form-horizontal \" onsubmit=\"return false;\" style=\"padding:10px;\">\n");
      out.write("\n");
      out.write("                    <div class=\"form-group\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>补全方式</b><span class=\"pull-right\">\n");
      out.write("                            <a href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYDCLXIUGS6LBNIFZWWI\"\n");
      out.write("                               target=\"_blank\" class=\" btn btn-xs btn-alt  btn-primary\" >帮助</a>\n");
      out.write("                        </span></div>\n");
      out.write("                        <div >\n");
      out.write("                            <label class=\"radio-inline\" for=\"autocomplete_type_url\">\n");
      out.write("                                <input type=\"radio\" id=\"autocomplete_type_url\" class=\"autocomplete_type\" name=\"autocomplete_type\" value=\"url\" > URL\n");
      out.write("                            </label>\n");
      out.write("                            <label class=\"radio-inline\" for=\"autocomplete_type_script\">\n");
      out.write("                                <input type=\"radio\" id=\"autocomplete_type_script\" class=\"autocomplete_type\" name=\"autocomplete_type\" value=\"script\"> 服务端脚本\n");
      out.write("                            </label>\n");
      out.write("\n");
      out.write("                            <label class=\"radio-inline\" for=\"autocomplete_type_sql\">\n");
      out.write("                                <input type=\"radio\" id=\"autocomplete_type_sql\" class=\"autocomplete_type\" name=\"autocomplete_type\" value=\"sql\"> SQL\n");
      out.write("                            </label>\n");
      out.write("\n");
      out.write("                            <label class=\"radio-inline\" for=\"autocomplete_type_none\">\n");
      out.write("                                <input type=\"radio\" id=\"autocomplete_type_none\" class=\"autocomplete_type\" name=\"autocomplete_type\" value=\"none\"> 不需要\n");
      out.write("                            </label>\n");
      out.write("\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_url\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>URL地址</b>&nbsp;<a class=\"btn-primary btn-alt\" target=\"_blank\" href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYDSLSVKJGONFVZ4W6I72FBUXSYLKBONVSA\">[帮助及示例]</a></div>\n");
      out.write("\n");
      out.write("                        <div   >\n");
      out.write("                            <div>\n");
      out.write("                                <textarea rows=\"2\" id=\"cellproperty_valueChangedToAutoCompleteURL\"\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                            </div>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_script \">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>脚本代码</b>&nbsp;<a class=\"btn-primary btn-alt\" target=\"_blank\" href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYTCLXGTSG6LCVB46V272EETLTJZLHIUGS6LBNIFZWWI\">[帮助及示例]</a></div>\n");
      out.write("\n");
      out.write("                        <div   >\n");
      out.write("                            <input  type=\"tel\"  id=\"cellproperty_valueChangedToAutoCompleteScriptCode\" name=\"cellproperty_valueChangedToAutoCompleteScriptCode\"\n");
      out.write("                                    class=\"form-control\" placeholder=\"\"/>\n");
      out.write("                            <span class=\"help-block\">服务端脚本的代码\n");
      out.write("                                <a class=\"btn btn-primary btn-alt btn-xs pull-right\" target=\"_blank\" id=\"cb_valueChangedToAutoCompleteScriptCode\">脚本维护</a></span>\n");
      out.write("                            </span>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_url_or_script \">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>参数</b>\n");
      out.write("                            &nbsp;<a class=\"btn-primary btn-alt\" target=\"_blank\" href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYDILXFR6BONFNQFZWWI\">[帮助]</a>\n");
      out.write("                        </div>\n");
      out.write("\n");
      out.write("                        <div   >\n");
      out.write("                            <div>\n");
      out.write("                                <textarea rows=\"4\" id=\"cellproperty_valueChangedToAutoCompleteParam\"\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                            </div>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_url \">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>结果转换函数</b> </div>\n");
      out.write("\n");
      out.write("                        <div   >\n");
      out.write("                            <input  type=\"text\"  id=\"cellproperty_valueChangedToAutoCompleteResultFunc\"\n");
      out.write("                                    name=\"cellproperty_valueChangedToAutoCompleteResultFunc\"\n");
      out.write("                                    class=\"form-control\" placeholder=\"\"/>\n");
      out.write("                            <span class=\"help-block\">url返回数据使用上述函数转换成合法的格式</span>\n");
      out.write("                            </span>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group   valueChangedToAutoComplete_panel_sql\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>连接池</b></div>\n");
      out.write("                        <div>\n");
      out.write("                            <select style=\"width:100%;\" class=\"dbpool\"  id=\"cellproperty_valueChangedToAutoCompleteDBPool\"></select>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_sql\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>查询语句定义</b>\n");
      out.write("                            &nbsp;<a class=\"btn-primary btn-alt\" target=\"_blank\" href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYTALSTKFGONH5F5CX2F2FBUXSYLKBONVSA\">[帮助及示例]</a>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToAutoCompleteQuery\"\n");
      out.write("\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_other \">\n");
      out.write("                            <div style=\"padding-right: 10px;\"><b>最小输入长度</b>\n");
      out.write("                                <input  type=\"number\"  id=\"cellproperty_valueChangedToAutoCompleteMinLen\"\n");
      out.write("                                        name=\"cellproperty_valueChangedToAutoCompleteMinLen\"\n");
      out.write("                                        style=\"height:25px; width:60px; border-radius: 4px;border:1px solid lightgray;\"\n");
      out.write("                                        title=\"最少输入指定长度后才开始补全提示\" placeholder=\"1\"/>\n");
      out.write("\n");
      out.write("                             (最少输入指定长度后才开始补全)</div>\n");
      out.write("\n");
      out.write("\n");
      out.write("                        </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_other \">\n");
      out.write("\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>最大候选个数</b>\n");
      out.write("                            <input  type=\"number\"  id=\"cellproperty_valueChangedToAutoCompleteMaxCount\"\n");
      out.write("                                    name=\"cellproperty_valueChangedToAutoCompleteMaxCount\"\n");
      out.write("                                    style=\"height:25px; width:60px; border-radius: 4px;border:1px solid lightgray;\"\n");
      out.write("                                    title=\"最少输入指定长度后才开始补全提示\" placeholder=\"1\"/>\n");
      out.write("\n");
      out.write("                           (候补数据最大个数，默认为20)\n");
      out.write("                        </div>\n");
      out.write("\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div>\n");
      out.write("                        <button class=\" btn btn-xs   btn-primary btn-alt\" id=\"cb_valueChangedToAutoComplateMoreDefine\">多列回填及渲染扩展</button>\n");
      out.write("                        <span class=\"color:gray;\">（点击展开，再击收拢）</span>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div id=\"valueChangedToAutoComplateMoreDefinePanel\" class=\"hidden\">\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_other\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>内容回填定义</b>\n");
      out.write("                            &nbsp;<a class=\"btn-primary btn-alt\" target=\"_blank\" href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYTALSTKFGONH5F5CX2F2FBUXSYLKBONVSA\">[帮助]</a>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToAutoCompleteCopyMap\"\n");
      out.write("\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div class=\"form-group  valueChangedToAutoComplete_panel_other\">\n");
      out.write("                        <div style=\"padding-right: 10px;\"><b>渲染定制</b>\n");
      out.write("                            &nbsp;<a class=\"btn-primary btn-alt\" target=\"_blank\" href=\"docview?path=F5ZGK4DFOJ2G64TZF5WGSYTSMFZHSL3EN5RS6MBSFYYDAMBO4WXKFZUIW7T2XL7FXSAOLD4RF4YDELRQGE3C52FBUXSYLKBPGAYTALSTKFGONH5F5CX2F2FBUXSYLKBONVSA\">[帮助]</a>\n");
      out.write("                        </div>\n");
      out.write("                        <div>\n");
      out.write("                                <textarea rows=\"5\" id=\"cellproperty_valueChangedToAutoCompleteRender\"\n");
      out.write("\n");
      out.write("                                          class=\"form-control\" placeholder=\"\" spellcheck=\"false\"></textarea>\n");
      out.write("                        </div>\n");
      out.write("                    </div>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                    <div>\n");
      out.write("                        <button class=\" btn btn-xs   btn-primary pull-right\" id=\"cb_valueChangedToAutoComplate_submit\">补全规则生效</button>\n");
      out.write("                    </div>\n");
      out.write("\n");
      out.write("                </form>\n");
      out.write("\n");
      out.write("            </div>\n");
      out.write("\n");
      out.write("    </div>\n");
      out.write("\n");
      out.write("\n");
      out.write("</div>\n");
      out.write("\n");
      out.write("<script>\n");
      out.write("    $(function () {\n");
      out.write("        $(\"#cellPropertyPanel\").draggable({handle: \"#cellPropertyTitle\"});\n");
      out.write("        $(\"#cellPropertyTitle\").disableSelection();\n");
      out.write("    });\n");
      out.write("\n");
      out.write("\n");
      out.write("    function onSelectDblClickSortColumnDrag(ev) {\n");
      out.write("        var v = {action: 'dblClickSort'};\n");
      out.write("        if (ev.dataTransfer) ev.dataTransfer.setData(\"Text\", JSON.stringify(v));\n");
      out.write("    }\n");
      out.write("\n");
      out.write("    function onSelectDblClickSortColumnDrop(ev) {\n");
      out.write("        var data = e.originalEvent.dataTransfer.getData(\"Text\");\n");
      out.write("        try {\n");
      out.write("            if (data) data = JSON.parse(data);\n");
      out.write("        } catch (err) {\n");
      out.write("            console.info(err);\n");
      out.write("            return;\n");
      out.write("        }\n");
      out.write("\n");
      out.write("        if (data.table && data.col) {\n");
      out.write("            $('#cellproperty_dblclicksort').val(data.table + \".\" + data.col);\n");
      out.write("        }\n");
      out.write("    }\n");
      out.write("\n");
      out.write("    function panel_ref_tab(tab) {\n");
      out.write("        $(\".tab-pane-ref\").each(function (i, obj) {\n");
      out.write("            $(obj).css('display', 'none');\n");
      out.write("        });\n");
      out.write("\n");
      out.write("        $(\"#container-\" + tab.id).css('display', '');\n");
      out.write("\n");
      out.write("    }\n");
      out.write("\n");
      out.write("    initTabs($(\"#tabContainer\")[0], panel_ref_tab);\n");
      out.write("\n");
      out.write("    $(document).ready(function () {\n");
      out.write("\n");
      out.write("         panel_ref_tab($('#panel-ref1')[0]);\n");
      out.write("\n");
      out.write("         //连接池\n");
      out.write("        $rpc(\"config\", \"service.AppConfig\", \"getDBPool\", {},\n");
      out.write("            function (retValue) {\n");
      out.write("\n");
      out.write("                var ret = JSON.parse(retValue);\n");
      out.write("                if (ret.success) {\n");
      out.write("\n");
      out.write("                    var select = $('.dbpool') ;\n");
      out.write("\n");
      out.write("                    var pool = ret.pool;\n");
      out.write("                    for (var i = 0; i < pool.length; i++) {\n");
      out.write("\n");
      out.write("                        select.append(\"<option value='\" + pool[i].dsn + \"'  >\" + pool[i].name + \"</option>\");\n");
      out.write("                    }\n");
      out.write("                }\n");
      out.write("\n");
      out.write("\n");
      out.write("            });\n");
      out.write("\n");
      out.write("\n");
      out.write("\n");
      out.write("        $('#cb_valueChangedToAutoComplateMoreDefine').on(\"click\",function()\n");
      out.write("        {\n");
      out.write("            var panel=  $('#valueChangedToAutoComplateMoreDefinePanel');\n");
      out.write("            if( panel.hasClass('hidden'))\n");
      out.write("            {\n");
      out.write("                panel.removeClass(\"hidden\");\n");
      out.write("            }else\n");
      out.write("            {\n");
      out.write("                panel.addClass(\"hidden\");\n");
      out.write("            }\n");
      out.write("        });\n");
      out.write("\n");
      out.write("    });\n");
      out.write("\n");
      out.write("</script>\n");
      out.write("\n");
      out.write("</body>\n");
      out.write("</html>\n");
    } catch (java.lang.Throwable t) {
      if (!(t instanceof javax.servlet.jsp.SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          try {
            if (response.isCommitted()) {
              out.flush();
            } else {
              out.clearBuffer();
            }
          } catch (java.io.IOException e) {}
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
        else throw new ServletException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}
