Hl.WebMain/LigerUI/lab/formdesign/index.htm

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表单设计器</title>
    <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <link href="../../lib/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" /> 
    <link href="../../lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" />
    <script src="../../lib/jquery/jquery-1.3.2.min.js"></script>
    <script src="../../lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script> 
    <script src="../../lib/ligerUI/js/plugins/ligerForm.js"></script>
    <script src="../../lib/json2.js" type="text/javascript"></script>
    <link href="style.css" rel="stylesheet" />
     <style type="text/css">
        .middle input {
            display: block;width:30px; margin:2px;
        }
    </style>
</head>
<body style="padding:0px;">   
  <div id="layout1" style="width:99.2%; margin:0 auto; margin-top:4px; "> 
        <div position="center"  title="设计表单" id="designPanel"> 
            <div id="btnSelectFields" style="margin:5px; float:left;"></div>
            <div id="btnSaveToFile" style="margin:5px; float:left;"></div>
            <div id="formDesign" style="clear:both;"></div>
        </div>
        <div position="right" id="framecenter" title="属性设置">  
                <div id="formProperty">
                    

                </div>
            <div id="btnSaveProperty" style="margin:5px;"></div>
        </div>  
    </div> 

    <div id="fieldsSelector" style="display:none;">
        <div style="margin:4px;float:left;">
             <div id="listbox1"></div>  
         </div>
         <div style="margin:4px;float:left;" class="middle"> 
              <input type="button" onclick="moveToRight()" value=">" /> 
             <input type="button" onclick="moveAllToRight()" value=">>" />
              <input type="button" onclick="moveToLeft()" value="<" />
              <input type="button" onclick="moveAllToLeft()" value="<<" />
         </div>
        <div style="margin:4px;float:left;">
            <div id="listbox2"></div> 
        </div>  
    </div>

    <script type="text/javascript">
        var ICONS = {
            Group: "group.gif"
        };
        var demoData = [], demoGrid = { columns: [] };
        for (var i = 0; i < 9; i++) demoData.push({ id: i, value: i, text: '[数据' + i + ']' });
        demoGrid.columns.push({ display: 'ID', name: 'id' });
        demoGrid.columns.push({ display: 'Text', name: 'text' });
        demoGrid.data = { Rows: demoData };