<!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 };
var dragging = false;
var contextMenu = null;
var fieldReplace = $("<li class='l-fieldcontainer l-fieldcontainer-r'></li>").appendTo("body").hide();
var fieldReplaceStatue = null;
var options = {
labelCss: 'labelcontainer',
fieldCss: 'fieldcontainer',
fields: [],
onAfterSetFields: function ()
{
var g = this, p = this.options;
f_setDrag();
//f_setReadonly();
if (formProperty)
{
formProperty.set('fields', []);
}
$(".l-fieldcontainer-first").removeClass("l-fieldcontainer-first");
setTimeout(function ()
{
$(".l-group")
.width($("#designPanel").width() * 0.95)
.find(".togglebtn").remove();
$(".l-group").append("<div class='togglebtn'></div>");
}, 20);
}
};
$.ligerui.controls.Form.prototype.getNextField = function (field)
{
var g = this, p = this.options, visited = false;
for (var i = 0, l = p.fields.length; i < l; i++)
{
if (visited) return p.fields[i];
if (p.fields[i] == field) visited = true;
}
return null;
};
$.ligerui.controls.Form.prototype.moveField = function (fromIndex, toIndex, isAfter)
{
var g = this, p = this.options;
if (!p.fields) return;
var fromField = g.getField(fromIndex);
var toField = g.getField(toIndex);
if (fromField.newline != false)
{
var next = g.getNextField(fromField);
if (next)
{
if (next.newline == false) next.newline = true;
}
}
if (!isAfter)
{
if (toField.newline != false)
{
toField.newline = false;
fromField.newline = true;
}
}
else
{
fromField.newline = false;
}
fromField.group = toField.group;
//先移除欲移动的field
p.fields.splice(fromIndex, 1);
//重新计算 目标位置field的 index
toIndex = $.inArray(toField, p.fields);
//插入
p.fields.splice(toIndex + (isAfter ? 1 : 0), 0, fromField);
g.set('fields', p.fields);
};
$("#layout1").ligerLayout({
rightWidth: 250,
height: '100%',
heightDiff: -4,
space: 4
});
var formDesign = $("#formDesign").ligerForm(options);
var formProperty = $("#formProperty").ligerForm({
onAfterSetFields: function ()
{
var g = this, p = this.options;
if (!p.fields || !p.fields.length)
{
$("#btnSaveProperty").hide();
}
else
{
$("#btnSaveProperty").show();
}
}
});
var btnSaveToFile = $("#btnSaveToFile").ligerButton({
click: f_saveToFile, text: '保存'
});
var btnSelectFields = $("#btnSelectFields").ligerButton({
click: showFieldsSelector, text: '显示/隐藏字段',width:100
});
$("#formDesign li.l-fieldcontainer").live('mouseover', function ()
{
if (dragging) return;
$(this).addClass("l-fieldcontainer-over");
}).live('mouseout', function ()
{
$(this).removeClass("l-fieldcontainer-over");
}).live('click', function ()
{
if (dragging) return;
var selected = $(this).hasClass("l-fieldcontainer-selected");
$("li.l-fieldcontainer-selected").removeClass("l-fieldcontainer-selected");
if (!selected)
{
$(this).addClass("l-fieldcontainer-selected");
}
f_setProperty();
});
f_setMenu();
f_loadFile();
function showFieldsSelector()
{
var fields = formDesign.get('fields');
if (window.winFieldsSelector)
{
window.winFieldsSelector.show();
} else
{
window.winFieldsSelector = $.ligerDialog.open({
target: $("#fieldsSelector"),
isResize: true,
title: '选择字段',
width: 400,
height: 270,
buttons: [
{
text: '确定', onclick: f_selectFields
},
{
text: '取消', onclick: function () { winFieldsSel
小徐博客
- 粉丝: 1976
- 资源: 5876
最新资源
- 三相桥式全控整流电路simulink仿真(阻性 阻感性负载) 2021版本
- 基于二阶锥规划的主动配电网最优潮流求解 参考文献:主动配电网多源协同运行优化研究-乔珊 摘要:最优潮流研究在配 电网规划运行 中不可或缺 , 且在大量分布式能源接入 的主动配 电网环境下尤 为重要
- 混合动力汽车性能分析与simulink建模,采用成熟软件架构,利用桌面应用程序接收用户配置,并自动控制MATLAB运行,并将结果返回桌面应用程序进行显示 以每个部件的模型、控制模型、初始化、前 后处
- 基于卷积神经网络CNN的数据回归预测 多输入单输出预测 代码含详细注释,不负责 数据存入Excel,替方便,指标计算有决定系数R2,平均绝对误差MAE,平均相对误差MBE
- 混合储能,simulink模型储能并网,混合储能能量管理 电池与超级电容混合储能并网matlab simulink仿真模型 (1)混合储能采用低通滤波器进行功率分配,可有效抑制系统功率波动,实现母
- STM32低成本MD500E永磁同步,单电阻采样,无感算法方案,高性价比变频器方案 md500e单电阻采样:精简移植了md500e的无感svc部分到f103中,值得研究学习,电子资料,出不 包括
- 多孔集流体模型模拟锌枝晶生长过程,仿真锌离子在电极表面吸附沉积的过程,通过三次电流分布接口,相场接口进行仿真,对比锌枝晶文献可以肉眼可见的清晰模拟出锌表面沉积过程
- 光伏板向蓄电池充电,恒流恒压法 根据网上频搭建的,可以跟着学,内有一些自己的理解注释 2018b
- 企业展示型百度小程序 智能小程序 小程序 模板 源代码下载
- 无电网电压传感器三相PWM整流器,采用磁链方法估算电网相位角度 模型控制器部分全部采用离散化处理,设置成单采样单更新模式,SVPWM调制模式,开关频率固定,使用的是矢量控制技术 该模型SVPWM模
- Matlab仿真:转速闭环转差频率控制异步电动机的矢量控制(付设计说明) 2021b及以上版本
- 永磁同步电机多物理场仿真案例,电磁-谐响应-噪声分析(NVH分析),该案例可以用于学习,具体参数见第一张图
- 自立袋产品品自动装盒并装箱sw22全套技术资料100%好用.zip
- 制作abaqus隧道CD法开挖,CD法开挖讲 解,CD法开挖模型,step by step,CRD法开挖模型,台阶法开挖,环形开挖预留核心土法开挖,模型,讲 解详细
- 考虑充电需求差异性的电动汽车协同充放电调度方法 关键词:充电需求差异性 电动汽车协同充放电 调度 仿真软件: matlab + yalmip +cplex 研究内容:代码提出了一种微电网中电动汽车的协
- FactoryIO自动分拣+堆垛机+入库仿真,PLC学习最佳模型 使用简单的梯形图与SCL语言编写,通俗易懂,写有详细注释,起到抛砖引玉的作用,比较适合有动手能力的入门初学者,和入门学习,程序可以无限
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈