提交 4a645ab6 编写于 作者: 蔡祥熠

Merge branch 'feature/Query.embeded_view_style_custom' into 'develop'

Merge of feature/[数据中心]视图样式自定义、整理视图过滤条件 to develop

See merge request o2oa/o2oa!254
{
"pagingBarWraper" : {
"height" : "60px",
"overflow" : "hidden"
},
"pagingBar" : {
"float": "left",
"margin-left": "10px",
"margin-top": "18px",
"height": "24px",
"color": "#777777"
},
......@@ -9,7 +14,6 @@
"height": "24px",
"width": "80px",
"border": "1px solid #e6e6e6",
"color": "#777777",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
......@@ -24,7 +28,6 @@
"height": "24px",
"width": "80px",
"border": "1px solid #e6e6e6",
"color": "#777777",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
......@@ -38,7 +41,6 @@
"width": "24px",
"height": "24px",
"border": "1px solid #e6e6e6",
"color": "#777777",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
......@@ -50,6 +52,21 @@
"prePage_over" : {
"background-color": "#f1f1f1"
},
"nextPage" : {
"width": "24px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"background-color": "#ffffff",
"float": "left",
"margin-right": "10px",
"background": "url(/o2_core/o2/widget/$Paging/default/icon/right.png) no-repeat center center"
},
"nextPage_over" : {
"background-color": "#f1f1f1"
},
"pageTurnContainer" : {
"float" : "left"
},
......@@ -63,8 +80,7 @@
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#ffffff",
"color": "#777777"
"background-color": "#ffffff"
},
"pageItem_over" : {
"background-color": "#f1f1f1"
......@@ -79,8 +95,7 @@
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#ffffff",
"color": "#777777"
"background-color": "#ffffff"
},
"preBatchPage_over" : {
"background-color": "#f1f1f1"
......@@ -95,8 +110,7 @@
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#ffffff",
"color": "#777777"
"background-color": "#ffffff"
},
"nextBatchPage_over" : {
"background-color": "#f1f1f1"
......@@ -132,21 +146,5 @@
"text-align" : "center",
"line-height" : "20px",
"margin-right" : "5px"
},
"nextPage" : {
"width": "24px",
"height": "24px",
"border": "1px solid #e6e6e6",
"color": "#777777",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"background-color": "#ffffff",
"float": "left",
"margin-right": "10px",
"background": "url(/o2_core/o2/widget/$Paging/default/icon/right.png) no-repeat center center"
},
"nextPage_over" : {
"background-color": "#f1f1f1"
}
}
\ No newline at end of file
{
"pagingBarWraper" : {
"height" : "56px",
"overflow" : "hidden"
},
"pagingBar" : {
"float" : "right",
"margin-right" : "10px",
......@@ -40,6 +44,25 @@
"background-color" : "#fff",
"color" : "#43AAFA"
},
"nextPage" : {
"float" : "left",
"width" : "16px",
"height" : "20px",
"line-height" : "20px",
"text-align" : "center",
"padding" : "2px 5px",
"border" : "1px solid #f3f3f3",
"margin" : "5px",
"cursor" : "pointer",
"color" : "#333",
"background": "url(/o2_core/o2/widget/$Paging/forum/icon/right.png) no-repeat center center",
"background-color" : "#f3f3f3"
},
"nextPage_over" : {
"border" : "1px solid #43AAFA",
"background-color" : "#fff",
"color" : "#43AAFA"
},
"pageTurnContainer" : {
"float" : "left"
},
......@@ -133,24 +156,5 @@
"margin-top" : "5px",
"margin-bottom" : "5px",
"margin-right" : "5px"
},
"nextPage" : {
"float" : "left",
"width" : "16px",
"height" : "20px",
"line-height" : "20px",
"text-align" : "center",
"padding" : "2px 5px",
"border" : "1px solid #f3f3f3",
"margin" : "5px",
"cursor" : "pointer",
"color" : "#333",
"background": "url(/o2_core/o2/widget/$Paging/forum/icon/right.png) no-repeat center center",
"background-color" : "#f3f3f3"
},
"nextPage_over" : {
"border" : "1px solid #43AAFA",
"background-color" : "#fff",
"color" : "#43AAFA"
}
}
\ No newline at end of file
{
"pagingBarWraper" : {
"height" : "60px",
"overflow" : "hidden"
},
"pagingBar" : {
"float": "left",
"margin-left": "10px",
"margin-top": "18px",
"height": "24px",
"color": "#777777"
},
"firstPage" : {
"height": "24px",
"width": "80px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"margin-right": "10px",
"background-color": "#ffffff",
"float": "left"
},
"firstPage_over" : {
"background-color": "#f1f1f1"
},
"lastPage" : {
"height": "24px",
"width": "80px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"background-color": "#ffffff",
"float": "left"
},
"lastPage_over" : {
"background-color": "#f1f1f1"
},
"prePage" : {
"width": "24px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"background-color": "#ffffff",
"float": "left",
"margin-right": "10px",
"background": "url(/o2_core/o2/widget/$Paging/default/icon/left.png) no-repeat center center"
},
"prePage_over" : {
"background-color": "#f1f1f1"
},
"nextPage" : {
"width": "24px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"background-color": "#ffffff",
"float": "left",
"margin-right": "10px",
"background": "url(/o2_core/o2/widget/$Paging/default/icon/right.png) no-repeat center center"
},
"nextPage_over" : {
"background-color": "#f1f1f1"
},
"pageTurnContainer" : {
"float" : "left"
},
"pageItem" : {
"padding-left": "5px",
"padding-right" : "5px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#ffffff"
},
"pageItem_over" : {
"background-color": "#f1f1f1"
},
"preBatchPage" : {
"padding-left": "5px",
"padding-right" : "5px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#ffffff"
},
"preBatchPage_over" : {
"background-color": "#f1f1f1"
},
"nextBatchPage" : {
"padding-left": "5px",
"padding-right" : "5px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#ffffff"
},
"nextBatchPage_over" : {
"background-color": "#f1f1f1"
},
"currentPage" : {
"width": "24px",
"height": "24px",
"border": "1px solid #e6e6e6",
"text-align": "center",
"line-height": "24px",
"cursor": "pointer",
"float": "left",
"margin-right": "10px",
"background-color": "#cc3d3d",
"color": "#ffffff"
},
"pageJumper" : {
"float" : "left",
"height" : "20px",
"line-height" : "20px",
"text-align" : "center",
"width" : "20px",
"margin-left" : "10px",
"border" : "1px solid #ddd"
},
"pageJumper_over" : {
"border" : "1px solid #cc3d3d"
},
"pageJumperText" : {
"float" : "left",
"height" : "20px",
"padding" : "2px 5px",
"text-align" : "center",
"line-height" : "20px",
"margin-right" : "5px"
}
}
\ No newline at end of file
......@@ -56,7 +56,9 @@ o2.widget.Paging = new Class({
createNode: function() {
var _self = this;
this.node = new Element("div.pagingBar", {styles: this.css.pagingBar}).inject(this.container);
this.wraper = new Element("div.pagingBarWraper", {styles: this.css.pagingBarWraper}).inject(this.container);
this.node = new Element("div.pagingBar", {styles: this.css.pagingBar}).inject(this.wraper);
var i, max, min;
......
......@@ -43,7 +43,7 @@
" <div styles='itemUserStat2count' item='todayReply'></div>"+
" </div>"+
" <div styles='itemToolsLeft'>"+
" <div styles='messageAction' item='messageAction'></div>"+
// " <div styles='messageAction' item='messageAction'></div>"+
" </div>"+
" </div>"+
" <div styles='itemRightNode'>"+
......
......@@ -45,7 +45,7 @@
" <div styles='itemUserStat2count' item='todayReply'></div>"+
" </div>"+
" <div styles='itemToolsLeft'>"+
" <div styles='messageAction' item='messageAction'></div>"+
// " <div styles='messageAction' item='messageAction'></div>"+
" </div>"+
" </div>"+
" <div styles='itemRightNode'>"+
......
......@@ -43,7 +43,7 @@
" <div styles='itemUserStat2count' item='todayReply'></div>"+
" </div>"+
" <div styles='itemToolsLeft'>"+
" <div styles='messageAction' item='messageAction'></div>"+
// " <div styles='messageAction' item='messageAction'></div>"+
" </div>"+
" </div>"+
" <div styles='itemRightNode'>"+
......
......@@ -16,11 +16,11 @@
"overflow": "hidden"
},
"viewPageNode": {
"height": "80px"
// "height": "80px"
},
"viewPageAreaNode": {
"height": "24px",
"margin-top": "28px"
// "height": "24px",
// "margin-top": "28px"
},
"viewPageContentNode": {
"float": "left",
......@@ -248,16 +248,16 @@
"viewFilterSearchCustomPathListNode": {
"border": "0px",
"border-radius": "5px",
"height": "80px",
"height": "74px",
"padding": "3px",
"width": "99px",
"width": "93px",
"font-size": "12px"
},
"viewFilterSearchCustomComparisonListNode": {
"border": "0px",
"height": "80px",
"height": "74px",
"padding": "3px",
"width": "99px",
"width": "93px",
"font-size": "12px"
},
"viewFilterSearchOptionNode": {
......@@ -436,7 +436,7 @@
},
"workAreaTitleNode": {
"height": "20px",
"line-height": "20px",
"line-height": "20px"
},
"workAreaContentNode": {
"height": "20px",
......
......@@ -235,19 +235,19 @@
<div title="过滤" class="MWFTab">
<div class="MWFViewFilter">
<div>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<div class="inputAreaNode_vf">
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
<tr>
<td class="editTableTitle">标题:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">路径:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">数据类型:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="datatypeInput_vf">
<option value="textValue" selected>文本</option>
<option value="numberValue">数字</option>
<option value="dateTimeValue">日期</option>
......@@ -257,20 +257,27 @@
<tr>
<td class="editTableTitle"></td>
<td class="editTableValue">
<input type="radio" value="restrict" name="text{$.id}viewFilterType" onclick="if (this.checked){ $('text{$.id}viewFilterRestrict').setStyle('display', 'block');}"/>作为默认过滤条件<br>
<input type="radio" value="custom" name="text{$.id}viewFilterType" onclick="if (this.checked){ $('text{$.id}viewFilterRestrict').setStyle('display', 'none');}" checked/>作为自定义过滤数据
<input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" onclick="if (this.checked){
$('text{$.id}viewFilterRestrict').setStyle('display', 'block');
}"/>作为默认过滤条件<br>
<input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType" onclick="if (this.checked){
$('text{$.id}viewFilterRestrict').setStyle('display', 'none');
}" checked/>作为自定义过滤数据
</td>
</tr>
</table>
<table id="text{$.id}viewFilterRestrict" style="display: none" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitle">逻辑:</td>
<td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
<td class="editTableValue"><select class="logicInput_vf">
<option selected value="and">并且(and)</option>
<option value="or">或者(or)</option>
</select></td>
</tr>
<tr>
<td class="editTableTitle">比较:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="comparisonInput_vf">
<option value="equals" selected>等于(==)</option>
<option value="notEquals">不等于(!=)</option>
<option value="greaterThan">大于(>)</option>
......@@ -284,10 +291,10 @@
<tr>
<td class="editTableTitle">值:</td>
<td class="editTableValue">
<input type="text" class="editTableInput" style="display: block"/>
<input type="number" class="editTableInput" style="display: none"/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<select style="display: none">
<input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
<input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
<input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
<select class="valueBooleanInput_vf" style="display: none">
<option value="true" selected>是(True)</option>
<option value="false">否(False)</option>
</select>
......@@ -295,11 +302,11 @@
</tr>
</table>
</div>
<div></div>
<div class="actionAreaNode_vf"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="fieldListAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
</div>
</div>
......
......@@ -105,6 +105,13 @@
</select>
</td>
</tr>
<tr>
<td class="editTableTitle">操作条</td>
<td class="editTableValue">
<input class="editTableRadio" name="actionbar" text{($.actionbar=='show')?'checked':''} type="radio" value="show"/>显示
<input class="editTableRadio" name="actionbar" text{($.actionbar!='show')?'checked':''} type="radio" value="hidden"/>不显示
</td>
</tr>
<!--<tr>-->
<!--<td class="editTableTitle">打开文件</td>-->
<!--<td class="editTableValue">-->
......@@ -116,19 +123,19 @@
<div style="background-color: #eeeeee; border-top:1px solid #999999; height: 24px; line-height: 24px; text-align: center; cursor:pointer">过滤</div>
<div class="MWFViewFilter">
<div>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<div class="inputAreaNode_vf">
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
<tr style="display:none">
<td class="editTableTitle">标题:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">路径:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">数据类型:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="datatypeInput_vf">
<option value="textValue" selected>文本</option>
<option value="numberValue">数字</option>
<option value="dateTimeValue">日期</option>
......@@ -138,20 +145,23 @@
<tr style="display:none">
<td class="editTableTitle"></td>
<td class="editTableValue">
<input type="radio" value="restrict" name="text{$.pid}viewFilterType" checked/>作为默认过滤条件<br>
<input type="radio" value="custom" name="text{$.pid}viewFilterType"/>作为自定义过滤数据
<input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.pid}viewFilterType" checked/>作为默认过滤条件<br>
<input type="radio" class="customFilterInput_vf" value="custom" name="text{$.pid}viewFilterType"/>作为自定义过滤数据
</td>
</tr>
</table>
<table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitle">逻辑:</td>
<td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
<td class="editTableValue"><select class="logicInput_vf">
<option selected value="and">并且(and)</option>
<option value="or">或者(or)</option>
</select></td>
</tr>
<tr>
<td class="editTableTitle">比较:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="comparisonInput_vf">
<option value="equals" selected>等于(==)</option>
<option value="notEquals">不等于(!=)</option>
<option value="greaterThan">大于(>)</option>
......@@ -166,12 +176,12 @@
<tr style="display:none">
<td class="editTableTitle">值:</td>
<td class="editTableValue">
<input type="text" class="editTableInput" style="display: block"/>
<input type="number" class="editTableInput" style="display: none"/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<select style="display: none">
<input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
<input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
<input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
<input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
<input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
<select class="valueBooleanInput_vf" style="display: none">
<option value="true" selected>是(True)</option>
<option value="false">否(False)</option>
</select>
......@@ -180,11 +190,11 @@
</table>
<div title="值" class="MWFFilterFormulaArea"></div>
</div>
<div></div>
<div class="actionAreaNode_vf"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div style="display:none; height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
<div style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="fieldListAreaNode_vf" style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
</div>
</div>
......
......@@ -37,22 +37,22 @@ MWF.xApplication.process.FormDesigner.Module.Table = MWF.FCTable = new Class({
this.selectedMultiTds = [];
},
clearTemplateStyles: function(styles){
if (styles){
if (styles.styles) this.removeStyles(styles.styles, "styles");
if (styles.properties) this.removeStyles(styles.properties, "properties");
if (styles.titleStyles) this.removeStyles(styles.titleStyles, "titleTdStyles");
if (styles.contentStyles) this.removeStyles(styles.contentStyles, "contentTdStyles");
if (styles.layoutStyles) this.removeStyles(styles.layoutStyles, "layoutTdStyles");
}
},
if (styles){
if (styles.styles) this.removeStyles(styles.styles, "styles");
if (styles.properties) this.removeStyles(styles.properties, "properties");
if (styles.titleStyles) this.removeStyles(styles.titleStyles, "titleTdStyles");
if (styles.contentStyles) this.removeStyles(styles.contentStyles, "contentTdStyles");
if (styles.layoutStyles) this.removeStyles(styles.layoutStyles, "layoutTdStyles");
}
},
setTemplateStyles: function(styles){
if (styles.styles) this.copyStyles(styles.styles, "styles");
if (styles.properties) this.copyStyles(styles.properties, "properties");
if (styles.titleStyles) this.copyStyles(styles.titleStyles, "titleTdStyles");
if (styles.contentStyles) this.copyStyles(styles.contentStyles, "contentTdStyles");
if (styles.layoutStyles) this.copyStyles(styles.layoutStyles, "layoutTdStyles");
},
setTemplateStyles: function(styles){
if (styles.styles) this.copyStyles(styles.styles, "styles");
if (styles.properties) this.copyStyles(styles.properties, "properties");
if (styles.titleStyles) this.copyStyles(styles.titleStyles, "titleTdStyles");
if (styles.contentStyles) this.copyStyles(styles.contentStyles, "contentTdStyles");
if (styles.layoutStyles) this.copyStyles(styles.layoutStyles, "layoutTdStyles");
},
_createMoveNode: function(){
var tableHTML = "<table border=\"0\" cellpadding=\"0\" cellspacing=\"2\" width=\"100%\" align=\"center\">";
......
......@@ -107,6 +107,10 @@ MWF.xApplication.process.FormDesigner.Module.View = MWF.FCView = new Class({
if (this.viewNode){
this.node.setStyle("background", "transparent");
this.actionbarNode = this.viewNode.getChildren("div")[0];
if( this.actionbarNode ){
this.actionbarNode.destroy();
this.actionbarNode = null;
}
this.viewTable = this.viewNode.getElement("table").setStyles(this.css.viewTitleTableNode);
this.viewLine = this.viewTable.getElement("tr").setStyles(this.css.viewTitleLineNode);
this.viewSelectCell = this.viewLine.getElement("td");
......@@ -192,7 +196,7 @@ MWF.xApplication.process.FormDesigner.Module.View = MWF.FCView = new Class({
this.node.set("id", this.json.id);
}
if(name=="actionbar"){
input.get("value") === "show" ? this._showActionbar() : this._hideActionbar();
this.json.actionbar === "show" ? this._showActionbar() : this._hideActionbar();
}
this._setEditStyle_custom(name, input, oldValue);
......@@ -255,7 +259,9 @@ MWF.xApplication.process.FormDesigner.Module.View = MWF.FCView = new Class({
if(this.actionbarNode)this.actionbarNode.hide();
},
_showActionbar : function(){
if( this.actionbarLoading )return;
if( !this.actionbarNode )return;
this.actionbarLoading = true;
MWF.require("MWF.widget.Toolbar", null, false);
this.actionbarNode.show();
if( !this.viewData.actionbarList )this.viewData.actionbarList = [];
......@@ -273,10 +279,13 @@ MWF.xApplication.process.FormDesigner.Module.View = MWF.FCView = new Class({
toolbarWidget.load();
this.actionbarList.push( toolbarWidget );
this.actionbarLoading = false;
}.bind(this));
}else{
this.actionbarLoading = false;
}
}else{
this.actionbarLoading = false;
}
},
setToolbars: function(tools, node, json){
......
......@@ -184,19 +184,19 @@
<div style="background-color: #eeeeee; border-top:1px solid #999999; height: 24px; line-height: 24px; text-align: center; cursor:pointer">过滤</div>
<div class="MWFViewFilter">
<div>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<div class="inputAreaNode_vf">
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
<tr style="display:none">
<td class="editTableTitle">标题:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">路径:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">数据类型:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="datatypeInput_vf">
<option value="textValue" selected>文本</option>
<option value="numberValue">数字</option>
<option value="dateTimeValue">日期</option>
......@@ -206,20 +206,23 @@
<tr style="display:none">
<td class="editTableTitle"></td>
<td class="editTableValue">
<input type="radio" value="restrict" name="text{$.id}viewFilterType" checked/>作为默认过滤条件<br>
<input type="radio" value="custom" name="text{$.id}viewFilterType"/>作为自定义过滤数据
<input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" checked/>作为默认过滤条件<br>
<input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType"/>作为自定义过滤数据
</td>
</tr>
</table>
<table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitle">逻辑:</td>
<td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
<td class="editTableValue"><select class="logicInput_vf">
<option selected value="and">并且(and)</option>
<option value="or">或者(or)</option>
</select></td>
</tr>
<tr>
<td class="editTableTitle">比较:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="comparisonInput_vf">
<option value="equals" selected>等于(==)</option>
<option value="notEquals">不等于(!=)</option>
<option value="greaterThan">大于(>)</option>
......@@ -234,12 +237,12 @@
<tr style="display:none">
<td class="editTableTitle">值:</td>
<td class="editTableValue">
<input type="text" class="editTableInput" style="display: block"/>
<input type="number" class="editTableInput" style="display: none"/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<select style="display: none">
<input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
<input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
<input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
<input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
<input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
<select class="valueBooleanInput_vf" style="display: none">
<option value="true" selected>是(True)</option>
<option value="false">否(False)</option>
</select>
......@@ -248,11 +251,11 @@
</table>
<div title="值" class="MWFFilterFormulaArea"></div>
</div>
<div></div>
<div class="actionAreaNode_vf"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div style="display:none; height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
<div style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="fieldListAreaNode_vf" style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
</div>
</div>
......
......@@ -46,6 +46,13 @@
<input type="radio" name="select" value="multi" text{($.select=='multi')?'checked':''}/>多选
</td>
</tr>
<tr>
<td class="editTableTitle">操作条</td>
<td class="editTableValue">
<input class="editTableRadio" name="actionbar" text{($.actionbar=='show')?'checked':''} type="radio" value="show"/>显示
<input class="editTableRadio" name="actionbar" text{($.actionbar!='show')?'checked':''} type="radio" value="hidden"/>不显示
</td>
</tr>
<!--<tr>-->
<!--<td class="editTableTitle"></td>-->
<!--<td class="editTableValue">-->
......@@ -103,19 +110,19 @@
</div>
<div title="过滤" class="MWFTab">
<div class="MWFViewFilter">
<div>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<div class="inputAreaNode_vf">
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
<tr style="display:none">
<td class="editTableTitle">标题:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">路径:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">数据类型:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="datatypeInput_vf">
<option value="textValue" selected>文本</option>
<option value="numberValue">数字</option>
<option value="dateTimeValue">日期</option>
......@@ -125,20 +132,23 @@
<tr style="display:none">
<td class="editTableTitle"></td>
<td class="editTableValue">
<input type="radio" value="restrict" name="text{$.id}viewFilterType" checked/>作为默认过滤条件<br>
<input type="radio" value="custom" name="text{$.id}viewFilterType"/>作为自定义过滤数据
<input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" checked/>作为默认过滤条件<br>
<input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType"/>作为自定义过滤数据
</td>
</tr>
</table>
<table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitle">逻辑:</td>
<td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
<td class="editTableValue"><select class="logicInput_vf">
<option selected value="and">并且(and)</option>
<option value="or">或者(or)</option>
</select></td>
</tr>
<tr>
<td class="editTableTitle">比较:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="comparisonInput_vf">
<option value="equals" selected>等于(==)</option>
<option value="notEquals">不等于(!=)</option>
<option value="greaterThan">大于(>)</option>
......@@ -153,12 +163,12 @@
<tr style="display:none">
<td class="editTableTitle">值:</td>
<td class="editTableValue">
<input type="text" class="editTableInput" style="display: block"/>
<input type="number" class="editTableInput" style="display: none"/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<select style="display: none">
<input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
<input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
<input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
<input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
<input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
<select class="valueBooleanInput_vf" style="display: none">
<option value="true" selected>是(True)</option>
<option value="false">否(False)</option>
</select>
......@@ -167,11 +177,11 @@
</table>
<div title="值" class="MWFFilterFormulaArea"></div>
</div>
<div></div>
<div class="actionAreaNode_vf"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div style="display:none; height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
<div style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="fieldListAreaNode_vf" style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
</div>
</div>
......
......@@ -254,19 +254,19 @@
<div title="过滤" class="MWFTab">
<div class="MWFViewFilter">
<div>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<div class="inputAreaNode_vf">
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
<tr>
<td class="editTableTitle">标题:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">路径:</td>
<td class="editTableValue"><input type="text" class="editTableInput"/></td>
<td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
</tr>
<tr>
<td class="editTableTitle">数据类型:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="datatypeInput_vf">
<option value="textValue" selected>文本</option>
<option value="numberValue">数字</option>
<option value="dateTimeValue">日期</option>
......@@ -276,20 +276,27 @@
<tr>
<td class="editTableTitle"></td>
<td class="editTableValue">
<input type="radio" value="restrict" name="text{$.id}viewFilterType" onclick="if (this.checked){ $('text{$.id}viewFilterRestrict').setStyle('display', 'block');}"/>作为默认过滤条件<br>
<input type="radio" value="custom" name="text{$.id}viewFilterType" onclick="if (this.checked){ $('text{$.id}viewFilterRestrict').setStyle('display', 'none');}" checked/>作为自定义过滤数据
<input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" onclick="if (this.checked){
$('text{$.id}viewFilterRestrict').setStyle('display', 'block');
}"/>作为默认过滤条件<br>
<input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType" onclick="if (this.checked){
$('text{$.id}viewFilterRestrict').setStyle('display', 'none');
}" checked/>作为自定义过滤数据
</td>
</tr>
</table>
<table id="text{$.id}viewFilterRestrict" style="display: none" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitle">逻辑:</td>
<td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
<td class="editTableValue"><select class="logicInput_vf">
<option selected value="and">并且(and)</option>
<option value="or">或者(or)</option>
</select></td>
</tr>
<tr>
<td class="editTableTitle">比较:</td>
<td class="editTableValue"><select>
<td class="editTableValue"><select class="comparisonInput_vf">
<option value="equals" selected>等于(==)</option>
<option value="notEquals">不等于(!=)</option>
<option value="greaterThan">大于(>)</option>
......@@ -303,10 +310,10 @@
<tr>
<td class="editTableTitle">值:</td>
<td class="editTableValue">
<input type="text" class="editTableInput" style="display: block"/>
<input type="number" class="editTableInput" style="display: none"/>
<input type="text" class="editTableInput" style="display: none" readonly/>
<select style="display: none">
<input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
<input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
<input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
<select class="valueBooleanInput_vf" style="display: none">
<option value="true" selected>是(True)</option>
<option value="false">否(False)</option>
</select>
......@@ -314,11 +321,11 @@
</tr>
</table>
</div>
<div></div>
<div class="actionAreaNode_vf"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
<div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
<div class="fieldListAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
</div>
</div>
......
......@@ -67,34 +67,32 @@ MWF.xApplication.process.ViewDesigner.widget.ViewFilter = new Class({
},
getInputNodes: function(){
this.inputAreaNode = this.node.getFirst("div");
this.actionAreaNode = this.inputAreaNode.getNext().setStyles(this.css.actionAreaNode);
this.listAreaNode = this.actionAreaNode.getNext().getNext();
this.fieldListAreaNode = this.listAreaNode.getNext().getNext();
this.restrictViewFilterTable = this.inputAreaNode.getLast("table");
this.inputAreaNode = this.node.getElement(".inputAreaNode_vf");
this.actionAreaNode = this.node.getElement(".actionAreaNode_vf");
this.actionAreaNode.setStyles( this.css.actionAreaNode );
this.listAreaNode = this.node.getElement(".listAreaNode_vf");
this.fieldListAreaNode = this.node.getElement(".fieldListAreaNode_vf");
var selects = this.inputAreaNode.getElements("select");
var inputs = this.inputAreaNode.getElements("input");
this.restrictViewFilterTable = this.node.getElement(".restrictViewFilterTable_vf");
var scriptValueArea = this.node.getElement(".MWFFilterFormulaArea");
if (scriptValueArea){
this.createScriptArea(scriptValueArea);
}
this.titleInput = this.inputAreaNode.getElement(".titleInput_vf");
this.pathInput = this.inputAreaNode.getElement(".pathInput_vf");
this.datatypeInput = this.inputAreaNode.getElement(".datatypeInput_vf");
this.titleInput = inputs[0];
this.pathInput = inputs[1];
this.datatypeInput = selects[0];
this.restrictFilterInput = this.inputAreaNode.getElement(".restrictFilterInput_vf");
this.customFilterInput = this.inputAreaNode.getElement(".customFilterInput_vf");
this.restrictFilterInput = inputs[2];
this.customFilterInput = inputs[3];
this.logicInput = selects[1];
this.comparisonInput = selects[2];
this.valueTextInput = inputs[4];
this.valueNumberInput = inputs[5];
this.valueDatetimeInput = inputs[6];
this.valueBooleanInput = selects[3];
this.logicInput = this.inputAreaNode.getElement(".logicInput_vf");
this.comparisonInput = this.inputAreaNode.getElement(".comparisonInput_vf");
this.valueTextInput = this.inputAreaNode.getElement(".valueTextInput_vf");
this.valueNumberInput = this.inputAreaNode.getElement(".valueNumberInput_vf");
this.valueDatetimeInput = this.inputAreaNode.getElement(".valueDatetimeInput_vf");
this.valueBooleanInput = this.inputAreaNode.getElement(".valueBooleanInput_vf");
MWF.require("MWF.widget.Calendar", function(){
this.calendar = new MWF.widget.Calendar(this.valueDatetimeInput, {
......@@ -117,6 +115,58 @@ MWF.xApplication.process.ViewDesigner.widget.ViewFilter = new Class({
if (e.code==13) this.modifyOrAddFilterItem();
}.bind(this));
},
// getInputNodes: function(){
// this.inputAreaNode = this.node.getFirst("div");
// this.actionAreaNode = this.inputAreaNode.getNext().setStyles(this.css.actionAreaNode);
// this.listAreaNode = this.actionAreaNode.getNext().getNext();
// this.fieldListAreaNode = this.listAreaNode.getNext().getNext();
// this.restrictViewFilterTable = this.inputAreaNode.getLast("table");
//
// var selects = this.inputAreaNode.getElements("select");
// var inputs = this.inputAreaNode.getElements("input");
//
// var scriptValueArea = this.node.getElement(".MWFFilterFormulaArea");
// if (scriptValueArea){
// this.createScriptArea(scriptValueArea);
// }
//
//
// this.titleInput = inputs[0];
// this.pathInput = inputs[1];
// this.datatypeInput = selects[0];
//
// this.restrictFilterInput = inputs[2];
// this.customFilterInput = inputs[3];
//
// this.logicInput = selects[1];
// this.comparisonInput = selects[2];
// this.valueTextInput = inputs[4];
// this.valueNumberInput = inputs[5];
// this.valueDatetimeInput = inputs[6];
// this.valueBooleanInput = selects[3];
//
// MWF.require("MWF.widget.Calendar", function(){
// this.calendar = new MWF.widget.Calendar(this.valueDatetimeInput, {
// "style": "xform",
// "isTime": true,
// "secondEnable" : true,
// "target": this.app.content,
// "format": "db"
// });
// }.bind(this));
//
// this.datatypeInput.addEvent("change", function(){
// this.changeValueInput();
// }.bind(this));
//
// this.valueTextInput.addEvent("keydown", function(e){
// if (e.code==13) this.modifyOrAddFilterItem();
// }.bind(this));
// this.valueNumberInput.addEvent("keydown", function(e){
// if (e.code==13) this.modifyOrAddFilterItem();
// }.bind(this));
// },
changeValueInput: function(){
var type = this.datatypeInput.options[this.datatypeInput.selectedIndex].value;
switch (type){
......
......@@ -59,6 +59,7 @@ MWF.xApplication.process.Xform.View = MWF.APPView = new Class({
"titleStyles": this.json.titleStyles,
"itemStyles": this.json.itemStyles,
"isExpand": this.json.isExpand || "no",
"showActionbar" : this.json.actionbar === "show",
"filter": filter
};
......@@ -102,6 +103,7 @@ MWF.xApplication.process.Xform.View = MWF.APPView = new Class({
"titleStyles": this.json.titleStyles,
"itemStyles": this.json.itemStyles,
"isExpand": this.json.isExpand || "no",
"showActionbar" : this.json.actionbar === "show",
"filter": filter
};
MWF.xDesktop.requireApp("process.Application", "Viewer", function(){
......@@ -131,6 +133,7 @@ MWF.xApplication.process.Xform.View = MWF.APPView = new Class({
"titleStyles": this.json.titleStyles,
"itemStyles": this.json.itemStyles,
"isExpand": this.json.isExpand || "no",
"showActionbar" : this.json.actionbar === "show",
"filter": filter
};
......
......@@ -68,6 +68,7 @@ MWF.xApplication.process.Xform.ViewSelector = MWF.APPViewSelector = new Class({
"titleStyles": this.json.titleStyles,
"itemStyles": this.json.itemStyles,
"isExpand": this.json.isExpand || "no",
"showActionbar" : this.json.actionbar === "show",
"filter": filter
};
var options = {};
......@@ -175,6 +176,7 @@ MWF.xApplication.process.Xform.ViewSelector = MWF.APPViewSelector = new Class({
"titleStyles": this.json.titleStyles,
"itemStyles": this.json.itemStyles,
"isExpand": this.json.isExpand || "no",
"showActionbar" : this.json.actionbar === "show",
"filter": filter
};
var options = {};
......@@ -279,11 +281,12 @@ MWF.xApplication.process.Xform.ViewSelector = MWF.APPViewSelector = new Class({
"titleStyles": this.json.titleStyles,
"itemStyles": this.json.itemStyles,
"isExpand": this.json.isExpand || "no",
"showActionbar" : this.json.actionbar === "show",
"filter": filter
};
var options = {};
var width = options.width || "800";
var height = options.height || "600";
var width = options.width || "850";
var height = options.height || "700";
if (layout.mobile){
var size = document.body.getSize();
......
......@@ -16,11 +16,11 @@
"overflow": "hidden"
},
"viewPageNode": {
"height": "80px"
// "height": "80px"
},
"viewPageAreaNode": {
"height": "24px",
"margin-top": "28px"
// "height": "24px",
// "margin-top": "28px"
},
"viewPageContentNode": {
"float": "left",
......
......@@ -13,11 +13,11 @@
},
"viewPageNode": {
"padding-top": "10px",
"height": "30px"
// "padding-top": "10px",
// "height": "30px"
},
"viewPageAreaNode": {
"height": "24px"
// "height": "24px"
//"margin-top": "28px"
},
"viewPageContentNode": {
......
......@@ -2,7 +2,7 @@
<span MWFnodetype="MWFToolBarSeparator"></span>
<span MWFnodetype="MWFToolBarButton" MWFButtonImage="save.gif" title="保存视图" MWFButtonAction="saveView" MWFButtonText=""></span>
<span MWFnodetype="MWFToolBarButton" MWFButtonImage="saveNew.gif" title="视图另存为" MWFButtonAction="saveViewAs" MWFButtonText=""></span>
<span MWFnodetype="MWFToolBarButton" MWFButtonImage="preview.png" title="预览" MWFButtonAction="preview" MWFButtonText=""></span>
<span MWFnodetype="MWFToolBarSeparator"></span>
<span MWFnodetype="MWFToolBarButton" MWFButtonImage="formExplode.gif" title="视图导出" MWFButtonAction="viewExplode" MWFButtonText=""></span>
......
......@@ -2,6 +2,9 @@
"actionbarNode" : {
"overflow": "hidden"
},
"pagingNode" : {
"overflow": "hidden"
},
"viewAreaNode": {
"overflow": "hidden"
},
......@@ -108,7 +111,7 @@
"border": "1px solid #EEE"
},
"viewTitleColumnTextNode":{
"padding": "0px 10px",
"padding": "0px", //"padding": "0px 10px",
"height": "38px",
"white-space": "nowrap"
},
......@@ -345,14 +348,37 @@
},
"toolbarWarpNode_selected": {
"background-color": "#FFF",
// "height": "38px",
"border": "1px solid red",
"white-space": "nowrap"
},
"toolbarWarpNode_over": {
"background-color": "#F9F9F9",
// "height": "38px",
"border": "1px dotted blue",
"white-space": "nowrap"
},
"pagingWarpNode": {
"border": "1px dashed #999",
"height": "auto",
"overflow": "hidden",
"display": "block",
"-webkit-user-select": "none",
"-moz-user-select": "none",
"position": "static",
"opacity": 1,
"width": "auto",
"margin": "3px 3px",
"background-color": "#FFF",
"cursor": "pointer"
},
"pagingWarpNode_selected": {
"background-color": "#FFF",
"border": "1px solid red",
"white-space": "nowrap"
},
"pagingWarpNode_over": {
"background-color": "#F9F9F9",
"border": "1px dotted blue",
"white-space": "nowrap"
}
}
\ No newline at end of file
<div style="background-color: #FFF; overflow: hidden">
<div title="基本" class="MWFTab">
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitle">标识:</td>
<td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
</tr>
<tr>
<td class="editTableTitle">名称:</td>
<td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
</tr>
<tr>
<td class="editTableTitle">描述:</td>
<td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitleNoWidth">显示数字分页:</td>
<td class="editTableValue">
<input class="editTableRadio" name="hasTruningBar" text{($.hasTruningBar!==false)?'checked':''} onclick="
if (this.checked){
$('text{$.id}visiblePagesTr').setStyle('display', 'table-row');
$('text{$.id}hasBatchTuringTr').setStyle('display', 'table-row');
}" type="radio" value="true"/>
<input class="editTableRadio" name="hasTruningBar" text{($.hasTruningBar===false)?'checked':''} onclick="
if (this.checked){
$('text{$.id}visiblePagesTr').setStyle('display', 'none');
$('text{$.id}hasBatchTuringTr').setStyle('display', 'none');
}" type="radio" value="false"/>
</td>
</tr>
<tr id="text{$.id}visiblePagesTr">
<td class="editTableTitleNoWidth">数字显示个数:</td>
<td class="editTableValue"><input type="number" name="visiblePages" value="text{$.visiblePages || 9}" onchange="
$('text{$.id}visiblePagesText').set('text', this.value);
" class="editTableInput"/></td>
</tr>
<tr id="text{$.id}hasBatchTuringTr">
<td class="editTableTitleNoWidth">显示前后<span id="text{$.id}visiblePagesText">text{$.visiblePages || 9}</span>页:</td>
<td class="editTableValue">
<input class="editTableRadio" name="hasBatchTuring" text{($.hasBatchTuring!==false)?'checked':''} type="radio" value="true"/>
<input class="editTableRadio" name="hasBatchTuring" text{($.hasBatchTuring===false)?'checked':''} type="radio" value="false"/>
</td>
</tr>
<tr>
<td class="editTableTitleNoWidth">显示首页末页:</td>
<td class="editTableValue">
<input class="editTableRadio" name="hasFirstLastPage" text{($.hasFirstLastPage!==false)?'checked':''} type="radio" value="true"/>
<input class="editTableRadio" name="hasFirstLastPage" text{($.hasFirstLastPage===false)?'checked':''} type="radio" value="false"/>
</td>
</tr>
<tr>
<td class="editTableTitleNoWidth">显示上页下页:</td>
<td class="editTableValue">
<input class="editTableRadio" name="hasPreNextPage" text{($.hasPreNextPage!==false)?'checked':''} type="radio" value="true"/>
<input class="editTableRadio" name="hasPreNextPage" text{($.hasPreNextPage===false)?'checked':''} type="radio" value="false"/>
</td>
</tr>
<tr>
<td class="editTableTitleNoWidth">显示跳页:</td>
<td class="editTableValue">
<input class="editTableRadio" name="hasPageJumper" text{($.hasPageJumper!==false)?'checked':''} type="radio" value="true"/>
<input class="editTableRadio" name="hasPageJumper" text{($.hasPageJumper===false)?'checked':''} type="radio" value="false"/>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
<tr>
<td class="editTableTitleNoWidth">第一页文本:</td>
<td class="editTableValue">
<input type="text" name="firstPageText" value="text{$.firstPageText}" class="editTableInput"/>
</td>
</tr>
<tr>
<td class="editTableTitleNoWidth">最后一页文本:</td>
<td class="editTableValue">
<input type="text" name="lastPageText" value="text{$.lastPageText}" class="editTableInput"/>
</td>
</tr>
<tr>
<td class="editTableTitleNoWidth">上一页文本:</td>
<td class="editTableValue">
<input type="text" name="prePageText" value="text{$.prePageText}" class="editTableInput"/>
</td>
</tr>
<tr>
<td class="editTableTitleNoWidth">下一页文本:</td>
<td class="editTableValue">
<input type="text" name="nextPageText" value="text{$.nextPageText}" class="editTableInput"/>
</td>
</tr>
</table>
</div>
<div title="样式" class="MWFTab">
<div class="MWFPagingStylesArea" name="pagingStyles"></div>
</div>
<div title="事件" class="MWFTab">
<div class="MWFEventsArea" name="events"></div>
</div>
<!--<div title="HTML" class="MWFTab">-->
<!--<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>-->
<!--</div>-->
<div title="JSON" class="MWFTab">
<div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
</div>
</div>
\ No newline at end of file
{
"id": "",
"name": "",
"type": "Paging",
"description": "",
"style": "default",
"visiblePages" : 9,
"prePageText" : "",
"nextPageText" : "",
"firstPageText" : "第一页",
"lastPageText" : "最后一页",
"events": {
"queryLoad" : {
"code": "",
"html": ""
},
"postLoad" : {
"code": "",
"html": ""
},
"load" : {
"code": "",
"html": ""
},
"afterLoad" : {
"code": "",
"html": ""
},
"jump" : {
"code": "",
"html": ""
},
"click": {
"code": "",
"html": ""
},
"dblclick": {
"code": "",
"html": ""
},
"keydown": {
"code": "",
"html": ""
},
"keypress": {
"code": "",
"html": ""
},
"keyup": {
"code": "",
"html": ""
},
"mousedown": {
"code": "",
"html": ""
},
"mousemove": {
"code": "",
"html": ""
},
"mouseout": {
"code": "",
"html": ""
},
"mouseover": {
"code": "",
"html": ""
},
"mouseup": {
"code": "",
"html": ""
}
}
}
\ No newline at end of file
......@@ -30,7 +30,6 @@
"cmcc": {
"name": "集团样式",
"file": "styles_cmcc.json",
"extendFile": "styles_cmcc_extend.json",
"mode": [
"pc"
]
......@@ -38,7 +37,6 @@
"blue-flat": {
"name": "蓝白扁平",
"file": "styles_blue-flat.json",
"extendFile": "styles_blue-flat_extend.json",
"mode": [
"pc"
]
......
{
"name": "蓝白扁平",
"form": {
"styles":{
"background-color": "#f1f4f9"
}
},
"table": {
"tableStyles": {
"background-color": "#FFF",
"border" : "1px solid #DCDFE6"
"view": {
"container" : {
"height" : "100%",
"overflow" : "auto",
"font-size": "14px"
},
"titleTdStyles":{
"background-color": "#F1F4F9",
"color": "#12171F",
"table": {
"margin-bottom": "20px",
"width": "100%"
},
"titleTr":{ //viewTitleTrNode viewTitleLineNode
"line-height": "40px",
"height": "40px",
"color": "#666666",
"background-color": "#F1F4F9"
},
"titleTd":{ //viewTitleColumnNode viewTitleCellNode
"font-weight": "bold",
"padding": "0px 10px",
"border-bottom": "1px solid #dcdfe6"
},
"contentTr" : {
"background": "#ffffff"
},
"contentSelectedTr" : {
"background": "#ecf5ff"
},
"contentTd": {
"height": "30px",
"line-height": "30px",
"text-align": "center"
"padding": "5px 5px",
"border-bottom": "1px solid #dcdfe6"
},
"contentTdStyles": {
"background-color": "#FFFFFF",
"color": "#535861"
"contentGroupTd": {
"padding": "5px 5px",
"border-bottom": "1px solid #dcdfe6",
"font-weight": "bold",
"background-color": "#F1F4F9",
"cursor": "pointer"
},
"contentTdOverStyles": {
"background-color": "#FFFFFF",
"color": "#535861"
"groupCollapseNode": {
"height": "30px",
"line-height": "30px",
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/right.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"groupExpandNode": {
"height": "30px",
"line-height": "30px",
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/down.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"contentTdSelectedStyles": {
"background-color": "#FFFFFF",
"color": "#535861"
"checkboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"properties": {
"checkedCheckboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"radioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedRadioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"tableProperties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
"cellpadding": "0",
"cellspacing": "0"
}
},
"actionbar": {
"style": "xform_blue_flat",
"iconOverStyle": "xform_blue_flat_over",
"iconStyle" : "blue",
"iconOverStyle": "white",
"customIconStyle" : "blue",
"customIconOverStyle" : "white"
"customIconOverStyle" : "white",
"forceStyles" : {
"container" : {
"width" : "100%",
"padding-left" : "10px",
"padding-right" : "10px",
"border-top" : "0px",
"border-bottom" : "1px solid #F1F4F9"
}
}
},
"paging" : {
"style" : "default"
}
}
\ No newline at end of file
{
"name": "蓝色简洁",
"form": {
"styles":{
"background-color": "#f0f0f0"
}
},
"label": {
"banner": {
"name": "横幅",
"styles": {
"background-color": "#3c76b7",
"height": "40px",
"line-height": "40px",
"color": "#ffffff",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "24px",
"line-height": "60px",
"font-weight": "bold",
"color": "#3c76b7",
"height": "60px"
}
},
"section": {
"name": "区段标题",
"styles": {
"height": "40px",
"background-color": "#f7f7f7",
"line-height": "40px",
"padding": "0px 20px",
"font-weight": "bold",
"color": "#666",
"border-bottom": "1px solid #cccccc"
}
}
},
"div": {
"banner": {
"name": "横幅",
"styles": {
"background-color": "#3c76b7",
"height": "40px",
"line-height": "40px",
"color": "#ffffff",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "24px",
"line-height": "60px",
"font-weight": "bold",
"color": "#3c76b7",
"height": "60px"
}
},
"section": {
"name": "区段",
"styles": {
"padding": "20px 0px",
"background-color": "#FFF",
"border": "1px solid #cccccc"
}
}
},
"tab": {
"styles": {},
"tabAreaStyles": {
"height": "40px",
"border-bottom": "2px solid #3c76b7"
},
"contentAreaStyles": {
"line-height": "normal",
"clear": "both",
"overflow": "hidden"
"view": {
"container" : {
"height" : "100%",
"overflow" : "auto",
"font-size": "14px"
},
"tabStyles": {
"position": "relative",
"margin-left": "4px",
"margin-top": "0px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"cursor": "pointer",
"min-width": "100px",
"background": "transparent ",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border": "0px solid #f0f0f0",
"border-bottom": "1px solid #3c76b7"
"table": {
"margin-bottom": "20px",
"width": "100%"
},
"tabTextStyles": {
"color": "#666",
"font-weight": "bold",
"titleTr":{ //viewTitleTrNode viewTitleLineNode
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-top": "0px",
"margin-left": "8px"
},
"tabCurrentStyles": {
"position": "relative",
"margin-top": "0px",
"margin-left": "2px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"min-width": "100px",
"background": "#3c76b7",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-top": "0px solid #f0f0f0",
"border-left": "0px solid #f0f0f0",
"border-right": "0px solid #f0f0f0",
"border-bottom": "1px solid #3c76b7"
"color": "#666666",
"background-color": "#f1f1f1"
},
"tabCurrentTextStyles": {
"color": "#FFF",
"titleTd":{ //viewTitleColumnNode viewTitleCellNode
"font-weight": "bold",
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-left": "8px",
"margin-top": "0px"
}
},
"tab$Content": {
"styles": {
"padding": "20px 0px"
}
},
"table": {
"styles": {
"background-color": "#FFF",
"margin": "10px 0px"
"padding": "0px 10px",
"border-bottom": "1px solid #CCC"
},
"titleStyles":{
"background-color": "#fff",
"color": "#333",
"font-weight": "bold",
"height": "30px",
"line-height": "30px",
"text-align": "right"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333"
"contentTr" : {
"background": "#ffffff"
},
"layoutStyles": {},
"properties": {
"width": "90%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
}
},
"log" : {
"tableStyles": {
"background-color": "#FFF",
"margin": "10px 0px"
"contentSelectedTr" : {
"background": "#ecf5ff"
},
"titleStyles":{
"background-color": "#fff",
"color": "#333",
"font-weight": "bold",
"contentTd": {
"height": "30px",
"line-height": "30px",
"text-align": "right"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333"
"padding": "5px 5px",
"border-bottom": "1px solid #CCC"
},
"properties": {
"width": "90%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
}
},
"datagrid": {
"styles": {},
"tableStyles": {
"border": "1px solid #cccccc"
},
"titleStyles": {
"height": "28px",
"cursor": "pointer",
"line-height": "28px",
"overflow": "hidden",
"opacity": 1,
"border-bottom": "1px solid #ccc",
"background-color": "#f0f0f0"
"contentGroupTd": {
"padding": "5px 5px",
"border-bottom": "1px solid #CCC",
"font-weight": "bold",
"background-color": "#F9F9F9",
"cursor": "pointer"
},
"contentStyles": {
"text-align": "center",
"groupCollapseNode": {
"height": "30px",
"line-height": "30px",
"color": "#666"
},
"actionStyles": {
"background-color": "#f7f7f7"
},
"editStyles": {
"background-color": "#fff6f6",
"text-align": "center",
"height": "30px",
"line-height": "30px"
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/right.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"amountStyles": {
"border-top": "1px solid #ccc",
"font-weight": "bold",
"groupExpandNode": {
"height": "30px",
"line-height": "30px",
"text-align": "center",
"background-color": "#f0f0f0"
},
"itemTitleStyles": {
"height": "40px",
"background-color": "#ffffff",
"line-height": "30px",
"padding": "0px 15px",
"color": "#fb4747",
"font-size": "18px",
"font-weight": "bold",
"border-bottom": "0px solid #cccccc"
},
"properties": {
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/down.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"checkboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedCheckboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"radioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedRadioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"tableProperties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "0",
"align": "center"
}
},
"datagrid$Title": {
"styles": {
"background-color": "#f0f0f0"
}
},
"address": {
"styles": {
"border-bottom": "1px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"color": "#666",
"border": "0px solid #ccc"
}
},
"combox": {
"styles": {
"border-bottom": "1px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"color": "#666",
"border": "0px solid #ccc"
}
},
"textfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"color": "#666",
"border-bottom": "1px solid #ccc"
}
},
"calendar": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"color": "#666",
"border-bottom": "1px solid #ccc"
}
},
"number": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"color": "#666",
"border-bottom": "1px solid #ccc"
}
},
"personfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "20px",
"line-height": "26px"
},
"inputStyles": {
"min-height": "26px",
"color": "#666",
"border-bottom": "1px solid #ccc"
}
},
"orgfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "20px",
"line-height": "26px"
},
"inputStyles": {
"min-height": "26px",
"color": "#666",
"border-bottom": "1px solid #ccc"
}
},
"org": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "20px",
"line-height": "26px"
},
"inputStyles": {
"min-height": "26px",
"color": "#666",
"border-bottom": "1px solid #ccc"
}
},
"select": {
"styles": {
"border-bottom": "0px solid #999",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"margin-top": "5px",
"color": "#666"
},
"inputStyles": {
"height": "26px",
"font-size": "14px"
}
},
"textarea": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px"
},
"inputStyles": {
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"opinion": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px"
},
"inputStyles": {
"border-bottom": "1px solid #ccc",
"color": "#666"
"cellpadding": "0",
"cellspacing": "0"
}
},
"actionbar": {
"style": "xform_blue_simple",
"customIconStyle" : ""
"customIconStyle" : "",
"forceStyles" : {
"container" : {
"width" : "100%",
"border-top" : "0px",
"border-bottom" : "1px solid #4a90e2"
}
}
},
"attachment" : {
"paging" : {
"style" : "default"
}
}
\ No newline at end of file
{
"name": "集团样式",
"form": {
"styles":{
"background-color": "#f0f0f0"
}
},
"label": {
"banner": {
"name": "横幅",
"styles": {
"background-color": "#3c76b7",
"height": "40px",
"line-height": "40px",
"color": "#ffffff",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "36px",
"line-height": "100px",
"font-weight": "bold",
"color": "#f81313",
"height": "100px"
}
},
"section": {
"name": "区段标题",
"styles": {
"background-color": "#f7f7f7",
"height": "35px",
"font-size" : "16px",
"line-height": "35px",
"padding": "0px 10px",
"font-weight": "normal",
"color": "#555",
"border-bottom": "0px"
}
}
},
"div": {
"banner": {
"name": "横幅",
"styles": {
"background-color": "#3c76b7",
"height": "40px",
"line-height": "40px",
"color": "#ffffff",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "24px",
"line-height": "60px",
"font-weight": "bold",
"color": "#3c76b7",
"height": "60px"
}
"view": {
"container" : {
"height" : "100%",
"overflow" : "auto",
"font-size": "14px"
},
"section": {
"name": "区段标题",
"styles": {
"background-color": "#f7f7f7",
"height": "35px",
"font-size" : "16px",
"line-height": "35px",
"padding": "0px 10px",
"font-weight": "normal",
"color": "#555",
"border-bottom": "0px"
}
}
},
"tab": {
"styles": {},
"tabAreaStyles": {
"height": "40px",
"border-bottom": "2px solid #3c76b7"
},
"contentAreaStyles": {
"line-height": "normal",
"clear": "both",
"overflow": "hidden"
},
"tabStyles": {
"position": "relative",
"margin-left": "4px",
"margin-top": "0px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"cursor": "pointer",
"min-width": "100px",
"background": "transparent ",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border": "0px solid #f0f0f0",
"border-bottom": "1px solid #3c76b7"
"table": {
"margin-bottom": "20px",
"width": "100%"
},
"tabTextStyles": {
"color": "#666",
"font-weight": "bold",
"titleTr":{ //viewTitleTrNode viewTitleLineNode
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-top": "0px",
"margin-left": "8px"
},
"tabCurrentStyles": {
"position": "relative",
"margin-top": "0px",
"margin-left": "2px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"min-width": "100px",
"background": "#3c76b7",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-top": "0px solid #f0f0f0",
"border-left": "0px solid #f0f0f0",
"border-right": "0px solid #f0f0f0",
"border-bottom": "1px solid #3c76b7"
},
"tabCurrentTextStyles": {
"color": "#FFF",
"font-weight": "bold",
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-left": "8px",
"margin-top": "0px"
}
},
"tab$Content": {
"styles": {
"padding": "20px 0px"
}
},
"table": {
"styles": {
"background-color": "#FFF",
"margin": "10px 10px",
"border" : "1px solid #e1e1e1"
"color": "#666666",
"background-color": "#EEE"
},
"titleStyles":{
"background-color": "#f7f7f7",
"color": "#333",
"titleTd":{ //viewTitleColumnNode viewTitleCellNode
"font-weight": "bold",
"height": "30px",
"line-height": "30px",
"text-align": "center"
"padding": "0px 10px",
"border-bottom": "1px solid #CCC"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333"
"contentTr" : {
"background": "#ffffff"
},
"layoutStyles": {},
"properties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
}
},
"log" : {
"tableStyles": {
"background-color": "#FFF",
"margin": "10px 10px",
"border" : "1px solid #e1e1e1"
"contentSelectedTr" : {
"background": "#ecf5ff"
},
"titleStyles":{
"background-color": "#f7f7f7",
"color": "#333",
"font-weight": "bold",
"contentTd": {
"height": "30px",
"line-height": "30px",
"text-align": "center"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333"
"padding": "5px 5px",
"border-bottom": "1px solid #CCC"
},
"properties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
}
},
"datagrid": {
"styles": {},
"tableStyles": {
"border": "1px solid #cccccc"
},
"titleStyles": {
"height": "28px",
"cursor": "pointer",
"line-height": "28px",
"overflow": "hidden",
"opacity": 1,
"border-bottom": "1px solid #ccc",
"background-color": "#f0f0f0"
"contentGroupTd": {
"padding": "5px 5px",
"border-bottom": "1px solid #CCC",
"font-weight": "bold",
"background-color": "#F6F6F6",
"cursor": "pointer"
},
"contentStyles": {
"text-align": "center",
"groupCollapseNode": {
"height": "30px",
"line-height": "30px",
"color": "#666"
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/right.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"actionStyles": {
"background-color": "#f7f7f7"
},
"editStyles": {
"background-color": "#fff6f6",
"text-align": "center",
"height": "30px",
"line-height": "30px"
},
"amountStyles": {
"border-top": "1px solid #ccc",
"font-weight": "bold",
"groupExpandNode": {
"height": "30px",
"line-height": "30px",
"text-align": "center",
"background-color": "#f0f0f0"
},
"itemTitleStyles": {
"height": "40px",
"background-color": "#ffffff",
"line-height": "30px",
"padding": "0px 15px",
"color": "#fb4747",
"font-size": "18px",
"font-weight": "bold",
"border-bottom": "0px solid #cccccc"
},
"properties": {
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/down.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"checkboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedCheckboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"radioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedRadioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"tableProperties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "0",
"align": "center"
}
},
"datagrid$Title": {
"styles": {
"background-color": "#f0f0f0"
}
},
"address": {
"styles": {
"border-bottom": "1px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"height": "30px",
"color": "#666",
"border": "0px solid #ccc"
}
},
"combox": {
"styles": {
"border-bottom": "1px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"height": "30px",
"color": "#666",
"border": "0px solid #ccc"
}
},
"textfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"height": "30px",
"color": "#666",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc"
}
},
"calendar": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"height": "30px",
"color": "#666",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc"
}
},
"number": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"height": "30px",
"color": "#666",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc"
}
},
"personfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "30px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"min-height": "30px",
"color": "#666",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc"
}
},
"orgfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "30px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"min-height": "30px",
"color": "#666",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc"
}
},
"org": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "30px",
"line-height": "30px"
},
"inputStyles": {
"font-size" : "100%",
"min-height": "30px",
"color": "#666",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc"
}
},
"select": {
"styles": {
"border-bottom": "0px solid #999",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"margin-top": "5px",
"color": "#666"
},
"inputStyles": {
"height": "30px",
"font-size": "100%"
}
},
"textarea": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px"
},
"inputStyles": {
"font-size" : "100%",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"opinion": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px"
},
"inputStyles": {
"font-size" : "100%",
"border": "1px solid transparent",
"border-bottom": "1px solid #ccc",
"color": "#666"
"cellpadding": "0",
"cellspacing": "0"
}
},
"actionbar": {
"style": "cmcc",
"customIconStyle" : "white"
"iconStyle" : "white",
"customIconStyle" : "white",
"forceStyles" : {
"container" : {
"width" : "100%",
"border-top" : "0px",
"border-bottom" : "0px"
}
}
},
"attachment" : {
"style" : "cmcc"
"paging" : {
"style" : "default"
}
}
\ No newline at end of file
{
"name": "传统样式",
"form": {
"styles":{
"background-color": "#f0f0f0"
}
},
"table": {
"tableStyles": {
"background-color": "#FFF",
"border": "1px solid #ddd"
},
"titleTdStyles":{
"background-color": "#eee",
"color": "#333",
"name": "默认样式",
"view": {
"container" : {
"height" : "100%",
"overflow" : "auto",
"font-size": "14px"
},
"table": {
"margin-bottom": "20px",
"width": "100%"
},
"titleTr":{ //viewTitleTrNode viewTitleLineNode
"line-height": "40px",
"height": "40px",
"color": "#666666",
"background-color": "#EEE"
},
"titleTd":{ //viewTitleColumnNode viewTitleCellNode
"font-weight": "bold",
"padding": "0px 10px",
"border-bottom": "1px solid #CCC"
},
"contentTr" : {
"background": "#ffffff"
},
"contentSelectedTr" : {
"background": "#ecf5ff"
},
"contentTd": {
"height": "30px",
"line-height": "30px",
"text-align": "right"
"padding": "5px 5px",
"border-bottom": "1px solid #CCC"
},
"contentTdStyles": {
"background-color": "#FFFFFF",
"color": "#333"
"contentGroupTd": {
"padding": "5px 5px",
"border-bottom": "1px solid #CCC",
"font-weight": "bold",
"background-color": "#F6F6F6",
"cursor": "pointer"
},
"contentTdOverStyles": {
"background-color": "#FFFFFF",
"color": "#535861"
"groupCollapseNode": {
"height": "30px",
"line-height": "30px",
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/right.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"groupExpandNode": {
"height": "30px",
"line-height": "30px",
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/down.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"contentTdSelectedStyles": {
"background-color": "#FFFFFF",
"color": "#535861"
"checkboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"properties": {
"checkedCheckboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/checkbox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"radioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedRadioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon/radiobox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"tableProperties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "2",
"align": "center"
"cellpadding": "0",
"cellspacing": "0"
}
},
"actionbar": {
"style": "xform_blue_simple",
"customIconStyle" : ""
"customIconStyle" : "",
"forceStyles" : {
"container" : {
"width" : "100%",
"border-top" : "0px",
"border-bottom" : "1px solid #4a90e2"
}
}
},
"pagingBar" : {
"paging" : {
"style" : "default"
}
}
\ No newline at end of file
{
"name": "公文样式",
"form": {
"styles":{
"background-color": "#ffffff",
"font-family": "宋体"
}
},
"label": {
"banner": {
"name": "横幅",
"styles": {
"height": "40px",
"line-height": "40px",
"color": "#fd1113",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold",
"text-align": "center"
}
"view": {
"container" : {
"height" : "100%",
"overflow" : "auto",
"font-size": "14px"
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "36px",
"line-height": "60px",
"font-weight": "bold",
"color": "#fd1113",
"height": "60px",
"font-family": "宋体"
}
"table": {
"margin-bottom": "20px",
"width": "100%"
},
"section": {
"name": "区段标题",
"styles": {
"height": "40px",
"background-color": "#f7f7f7",
"line-height": "40px",
"padding": "0px 20px",
"font-weight": "bold",
"color": "#666",
"border-bottom": "1px solid #cccccc"
}
}
},
"div": {
"banner": {
"name": "横幅",
"styles": {
"height": "40px",
"line-height": "40px",
"color": "#fd1113",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold",
"text-align": "center"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "36px",
"line-height": "60px",
"font-weight": "bold",
"color": "#fd1113",
"height": "60px"
}
},
"section": {
"name": "区段",
"styles": {
"padding": "20px 0px",
"background-color": "#FFF",
"border": "1px solid #cccccc"
}
}
},
"tab": {
"styles": {},
"tabAreaStyles": {
"height": "40px",
"border-bottom": "2px solid #cc3d3d"
},
"contentAreaStyles": {
"line-height": "normal",
"clear": "both",
"overflow": "hidden"
},
"tabStyles": {
"position": "relative",
"margin-left": "4px",
"margin-top": "0px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"cursor": "pointer",
"min-width": "100px",
"background": "transparent ",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border": "0px solid #f0f0f0",
"border-bottom": "1px solid #cc0000"
},
"tabTextStyles": {
"color": "#666",
"font-weight": "bold",
"font-size": "18px",
"titleTr":{ //viewTitleTrNode viewTitleLineNode
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-top": "0px",
"margin-left": "8px"
},
"tabCurrentStyles": {
"position": "relative",
"margin-top": "0px",
"margin-left": "2px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"min-width": "100px",
"background": "#cc0000",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-top": "0px solid #f0f0f0",
"border-left": "0px solid #f0f0f0",
"border-right": "0px solid #f0f0f0",
"border-bottom": "1px solid #cc3d3d"
},
"tabCurrentTextStyles": {
"color": "#FFF",
"font-weight": "bold",
"font-size": "18px",
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-left": "8px",
"margin-top": "0px"
}
},
"tab$Content": {
"styles": {
"padding": "20px 0px"
}
},
"table": {
"styles": {
"background-color": "#FFF",
"border": "1px solid #fd1113"
},
"titleStyles":{
"background-color": "#fff",
"color": "#fd1113",
"font-weight": "bold",
"height": "30px",
"line-height": "30px",
"text-align": "center",
"font-size": "18px"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333",
"font-size": "18px",
"min-height": "30px"
"background-color": "#fff"
},
"layoutStyles": {},
"properties": {
"width": "100%",
"border": "0",
"cellpadding": "5",
"align": "center"
}
},
"log" : {
"tableStyles": {
"background-color": "#FFF",
"border": "1px solid #fd1113"
},
"titleStyles":{
"background-color": "#fff",
"color": "#fd1113",
"titleTd":{ //viewTitleColumnNode viewTitleCellNode
"font-weight": "bold",
"height": "30px",
"line-height": "30px",
"text-align": "center",
"font-size": "18px"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333",
"font-size": "18px",
"min-height": "30px"
},
"properties": {
"width": "100%",
"border": "0",
"cellpadding": "5",
"align": "center"
}
},
"datagrid": {
"styles": {
},
"tableStyles": {
"border-left": "1px solid #fd1113",
"border-top": "1px solid #fd1113"
},
"titleStyles": {
"height": "28px",
"cursor": "pointer",
"line-height": "28px",
"overflow": "hidden",
"opacity": 1,
"color": "#fd1113",
"border-right": "1px solid #fd1113",
"border-bottom": "1px solid #fd1113",
"background-color": "#f0f0f0"
},
"contentStyles": {
"text-align": "center",
"height": "30px",
"line-height": "30px",
"border-right": "1px solid #fd1113",
"padding": "0px 10px",
"border-bottom": "1px solid #fd1113"
},
"actionStyles": {
"background-color": "#f7f7f7",
"border-right": "1px solid #fd1113",
"border-bottom": "1px solid #fd1113"
"contentTr" : {
"background": "#ffffff"
},
"editStyles": {
"background-color": "#fff6f6",
"text-align": "center",
"height": "30px",
"line-height": "30px",
"border-right": "1px solid #fd1113",
"border-bottom": "1px solid #fd1113"
"contentSelectedTr" : {
"background": "#ffeded"
},
"amountStyles": {
"border-top": "1px solid #ccc",
"font-weight": "bold",
"contentTd": {
"height": "30px",
"line-height": "30px",
"text-align": "center",
"background-color": "#f0f0f0",
"border-right": "1px solid #fd1113",
"padding": "5px 5px",
"border-bottom": "1px solid #fd1113"
},
"itemTitleStyles": {
"height": "40px",
"background-color": "#ffffff",
"line-height": "30px",
"padding": "0px 15px",
"color": "#fd1113",
"font-size": "18px",
"contentGroupTd": {
"padding": "5px 5px",
"border-bottom": "1px solid #CCC",
"font-weight": "bold",
"border-bottom": "0px solid #cccccc"
},
"properties": {
"width": "90%",
"border": "0",
"cellpadding": "3",
"cellspacing": "0",
"align": "center"
}
},
"datagrid$Title": {
"styles": {
"background-color": "#f0f0f0"
}
},
"textfield": {
"styles": {
"border-bottom": "0px",
"border": "0px solid #999999",
"height": "auto",
"font-size": "18px",
"line-height": "30px"
},
"inputStyles": {
"border": "1px solid #999999",
"height": "30px",
"line-height": "30px",
"font-size": "18px",
"color": "#666",
"font-family": "宋体"
}
},
"calendar": {
"styles": {
"border-bottom": "0px",
"border": "0px solid #999999",
"height": "auto",
"font-size": "18px",
"line-height": "30px"
},
"inputStyles": {
"border": "1px solid #999999",
"height": "30px",
"line-height": "30px",
"font-size": "18px",
"color": "#666",
"font-family": "宋体"
}
},
"number": {
"styles": {
"border-bottom": "0px",
"border": "0px solid #999999",
"height": "auto",
"font-size": "18px",
"line-height": "30px"
},
"inputStyles": {
"border": "1px solid #999999",
"height": "30px",
"line-height": "30px",
"font-size": "18px",
"color": "#666",
"font-family": "宋体"
}
},
"address": {
"styles": {
"border-bottom": "0px",
"height": "auto",
"line-height": "30px",
"font-size": "18px",
"border": "0px solid #999999"
},
"inputStyles": {
"border": "1px solid #999999",
"height": "30px",
"line-height": "30px",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
}
},
"combox": {
"styles": {
"border-bottom": "0px",
"height": "auto",
"line-height": "30px",
"font-size": "18px",
"border": "0px solid #999999"
"background-color": "#F6F6F6",
"cursor": "pointer"
},
"inputStyles": {
"border": "1px solid #999999",
"groupCollapseNode": {
"height": "30px",
"line-height": "30px",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
}
},
"personfield": {
"styles": {
"border-bottom": "0px",
"height": "auto",
"line-height": "30px",
"font-size": "18px",
"border": "0px solid #999999"
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/right.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"inputStyles": {
"border": "1px solid #999999",
"groupExpandNode": {
"height": "30px",
"line-height": "30px",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
}
},
"orgfield": {
"styles": {
"border-bottom": "0px",
"height": "auto",
"line-height": "30px",
"font-size": "18px",
"border": "0px solid #999999"
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/down.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"inputStyles": {
"border": "1px solid #999999",
"height": "30px",
"line-height": "30px",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
}
},
"org": {
"styles": {
"border-bottom": "0px",
"height": "auto",
"line-height": "30px",
"font-size": "18px",
"border": "0px solid #999999"
"checkboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/checkbox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"inputStyles": {
"border": "1px solid #999999",
"height": "30px",
"line-height": "30px",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
}
},
"select": {
"styles": {
"border-bottom": "0px",
"margin-top": "5px",
"height": "auto",
"line-height": "30px",
"font-size": "18px",
"color": "#333"
"checkedCheckboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/checkbox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"inputStyles": {
"height": "30px",
"line-height": "30px",
"font-size": "18px",
"color": "#666",
"font-family": "宋体"
}
},
"textarea": {
"styles": {
"border": "0px solid #999999",
"font-size": "18px"
"radioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/radiobox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"inputStyles": {
"border": "1px solid #999999",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
}
},
"opinion": {
"styles": {
"border": "0px solid #999999",
"font-size": "18px"
"checkedRadioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/radiobox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"inputStyles": {
"border": "1px solid #999999",
"color": "#666",
"font-size": "18px",
"font-family": "宋体"
"tableProperties": {
"width": "100%",
"border": "0",
"cellpadding": "0",
"cellspacing": "0"
}
},
"actionbar": {
"style": "xform_red_simple"
},
"sidebar": {
"style": "xform_side_red_simple",
"customIconStyle" : ""
"style": "xform_red_simple",
"customIconStyle" : "",
"forceStyles" : {
"container" : {
"width" : "100%",
"border-top" : "0px",
"border-bottom" : "1px solid #cc3d3d"
}
}
},
"attachment" : {
"style" : "default"
"paging" : {
"style" : "red"
}
}
\ No newline at end of file
{
"name": "红色简洁",
"form": {
"styles":{
"background-color": "#f0f0f0"
}
},
"label": {
"banner": {
"name": "横幅",
"styles": {
"background-color": "#cc3d3d",
"height": "40px",
"line-height": "40px",
"color": "#ffffff",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "24px",
"line-height": "60px",
"font-weight": "bold",
"color": "#cc3d3d",
"height": "60px"
}
},
"section": {
"name": "区段标题",
"styles": {
"height": "40px",
"background-color": "#f7f7f7",
"line-height": "40px",
"padding": "0px 20px",
"font-weight": "bold",
"color": "#666",
"border-bottom": "1px solid #cccccc"
}
}
},
"div": {
"banner": {
"name": "横幅",
"styles": {
"background-color": "#cc3d3d",
"height": "40px",
"line-height": "40px",
"color": "#ffffff",
"font-size": "18px",
"padding": "0px 10px",
"font-weight": "bold"
}
},
"title": {
"name": "标题",
"styles": {
"text-align": "center",
"font-size": "24px",
"line-height": "60px",
"font-weight": "bold",
"color": "#cc3d3d",
"height": "60px"
}
},
"section": {
"name": "区段",
"styles": {
"padding": "20px 0px",
"background-color": "#FFF",
"border": "1px solid #cccccc"
}
}
},
"tab": {
"styles": {},
"tabAreaStyles": {
"height": "40px",
"border-bottom": "2px solid #cc3d3d"
"view": {
"container" : {
"height" : "100%",
"overflow" : "auto",
"font-size": "14px"
},
"contentAreaStyles": {
"line-height": "normal",
"clear": "both",
"overflow": "hidden"
"table": {
"margin-bottom": "20px",
"width": "100%"
},
"tabStyles": {
"position": "relative",
"margin-left": "4px",
"margin-top": "0px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"cursor": "pointer",
"min-width": "100px",
"background": "transparent ",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border": "0px solid #f0f0f0",
"border-bottom": "1px solid #cc3d3d"
},
"tabTextStyles": {
"color": "#666",
"font-weight": "bold",
"titleTr":{ //viewTitleTrNode viewTitleLineNode
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-top": "0px",
"margin-left": "8px"
},
"tabCurrentStyles": {
"position": "relative",
"margin-top": "0px",
"margin-left": "2px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"min-width": "100px",
"background": "#cc3d3d",
"border-top-left-radius": "5px",
"border-top-right-radius": "5px",
"border-top": "0px solid #f0f0f0",
"border-left": "0px solid #f0f0f0",
"border-right": "0px solid #f0f0f0",
"border-bottom": "1px solid #cc3d3d"
"color": "#666666",
"background-color": "#f1f1f1"
},
"tabCurrentTextStyles": {
"color": "#FFF",
"titleTd":{ //viewTitleColumnNode viewTitleCellNode
"font-weight": "bold",
"line-height": "40px",
"text-align": "center",
"margin-right": "8px",
"margin-left": "8px",
"margin-top": "0px"
}
},
"tab$Content": {
"styles": {
"padding": "20px 0px"
}
},
"table": {
"styles": {
"background-color": "#FFF",
"margin": "10px 0px"
"padding": "0px 10px",
"border-bottom": "1px solid #CCC"
},
"titleStyles":{
"background-color": "#fff",
"color": "#333",
"font-weight": "bold",
"height": "30px",
"line-height": "30px",
"text-align": "right"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333"
"contentTr" : {
"background": "#ffffff"
},
"layoutStyles": {},
"properties": {
"width": "90%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
}
},
"log" : {
"tableStyles": {
"background-color": "#FFF",
"margin": "10px 0px"
"contentSelectedTr" : {
"background": "#ffeded"
},
"titleStyles":{
"background-color": "#fff",
"color": "#333",
"font-weight": "bold",
"contentTd": {
"height": "30px",
"line-height": "30px",
"text-align": "right"
},
"contentStyles": {
"background-color": "#FFFFFF",
"color": "#333"
},
"properties": {
"width": "90%",
"border": "0",
"cellpadding": "3",
"cellspacing": "5",
"align": "center"
}
},
"datagrid": {
"styles": {},
"tableStyles": {
"border": "1px solid #cccccc"
"padding": "5px 5px",
"border-bottom": "1px solid #CCC"
},
"titleStyles": {
"height": "28px",
"cursor": "pointer",
"line-height": "28px",
"overflow": "hidden",
"opacity": 1,
"border-bottom": "1px solid #ccc",
"background-color": "#f0f0f0"
"contentGroupTd": {
"padding": "5px 5px",
"border-bottom": "1px solid #CCC",
"font-weight": "bold",
"background-color": "#F9F9F9",
"cursor": "pointer"
},
"contentStyles": {
"text-align": "center",
"groupCollapseNode": {
"height": "30px",
"line-height": "30px",
"color": "#666"
},
"actionStyles": {
"background-color": "#f7f7f7"
},
"editStyles": {
"background-color": "#fff6f6",
"text-align": "center",
"height": "30px",
"line-height": "30px"
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/right.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"amountStyles": {
"border-top": "1px solid #ccc",
"font-weight": "bold",
"groupExpandNode": {
"height": "30px",
"line-height": "30px",
"text-align": "center",
"background-color": "#f0f0f0"
},
"itemTitleStyles": {
"height": "40px",
"background-color": "#ffffff",
"line-height": "30px",
"padding": "0px 15px",
"color": "#fb4747",
"font-size": "18px",
"font-weight": "bold",
"border-bottom": "0px solid #cccccc"
},
"properties": {
"width": "90%",
"padding-left" : "20px",
"background-image": "url(/x_component_process_ViewDesigner/$View/default/icon/down.png)",
"background-repeat" : "no-repeat",
"background-position": "left center"
},
"checkboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/checkbox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedCheckboxNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/checkbox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"radioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/radiobox.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"checkedRadioNode" : {
"background-image": "url(/x_component_query_Query/$Viewer/default/icon_red/radiobox_checked.png)",
"background-repeat" : "no-repeat",
"background-position": "center center"
},
"tableProperties": {
"width": "100%",
"border": "0",
"cellpadding": "3",
"cellspacing": "0",
"align": "center"
}
},
"datagrid$Title": {
"styles": {
"background-color": "#f0f0f0"
}
},
"address": {
"styles": {
"border-bottom": "1px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"border": "0px solid #ccc",
"color": "#666"
}
},
"combox": {
"styles": {
"border-bottom": "1px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"border": "0px solid #ccc",
"color": "#666"
}
},
"textfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"calendar": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"number": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"line-height": "26px"
},
"inputStyles": {
"height": "26px",
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"personfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "20px",
"line-height": "26px"
},
"inputStyles": {
"min-height": "26px",
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"orgfield": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "20px",
"line-height": "26px"
},
"inputStyles": {
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"org": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"min-height": "20px",
"line-height": "26px"
},
"inputStyles": {
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"select": {
"styles": {
"border-bottom": "0px solid #999",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px",
"margin-top": "5px",
"color": "#666",
"line-height": "26px"
},
"inputStyles": {
}
},
"textarea": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px"
},
"inputStyles": {
"border-bottom": "1px solid #ccc",
"color": "#666"
}
},
"opinion": {
"styles": {
"border-bottom": "0px solid #ccc",
"border-top": "0px",
"border-left": "0px",
"border-right": "0px"
},
"inputStyles": {
"border-bottom": "1px solid #ccc",
"color": "#666"
"cellpadding": "0",
"cellspacing": "0"
}
},
"actionbar": {
"style": "xform_red_simple",
"customIconStyle" : ""
"customIconStyle" : "",
"forceStyles" : {
"container" : {
"width" : "100%",
"border-top" : "0px",
"border-bottom" : "1px solid #cc3d3d"
}
}
},
"attachment" : {
"style" : "default"
"paging" : {
"style" : "red"
}
}
\ No newline at end of file
......@@ -5,7 +5,7 @@
"alias": "",
"description": "",
"display": true,
"type": "process",
"type": "View",
"data": {
"exportGrid": true,
......
......@@ -782,6 +782,9 @@ MWF.xApplication.query.ViewDesigner.Main = new Class({
this.options.id = this.view.data.id;
}.bind(this));
},
preview : function(){
this.view.preview();
},
saveViewAs: function(){
this.view.saveAs();
},
......
......@@ -64,6 +64,8 @@ MWF.xApplication.query.ViewDesigner.Property = MWF.FVProperty = new Class({
this.loadJSONArea();
this.loadEventsEditor();
this.loadViewStylesArea();
this.loadPagingStylesArea();
this.loadActionStylesArea();
this.loadActionArea();
this.loadStylesList();
......@@ -709,6 +711,46 @@ MWF.xApplication.query.ViewDesigner.Property = MWF.FVProperty = new Class({
var filter = new MWF.xApplication.query.ViewDesigner.Property.Filter(op, table, this);
filter.editMode();
},
loadViewStylesArea: function(){
var _self = this;
var viewAreas = this.propertyContent.getElements(".MWFViewStylesArea");
viewAreas.each(function(node){
var name = node.get("name");
var d = this.data;
Array.each( name.split("."), function(n){
if(d)d = d[n];
});
var viewStyles = d || {};
MWF.require("MWF.widget.Maplist", function(){
var maps = [];
Object.each(viewStyles, function(v, k){
var mapNode = new Element("div").inject(node);
mapNode.empty();
var maplist = new MWF.widget.Maplist(mapNode, {
"title": k,
"collapse": true,
"onChange": function(){
// var oldData = _self.data[name];
var oldData = this.data;
Array.each( name.split("."), function(n){
if(oldData)oldData = oldData[n];
});
maps.each(function(o){
d[o.key] = o.map.toJson();
}.bind(this));
_self.changeData(name, node, oldData);
}
});
maps.push({"key": k, "map": maplist});
maplist.load(v);
}.bind(this));
}.bind(this));
}.bind(this));
},
loadActionStylesArea: function(){
var _self = this;
var actionAreas = this.propertyContent.getElements(".MWFActionStylesArea");
......@@ -738,6 +780,37 @@ MWF.xApplication.query.ViewDesigner.Property = MWF.FVProperty = new Class({
}.bind(this));
}.bind(this));
},
loadPagingStylesArea: function(){
var _self = this;
var pagingAreas = this.propertyContent.getElements(".MWFPagingStylesArea");
pagingAreas.each(function(node){
var name = node.get("name");
var pagingStyles = this.data[name];
MWF.require("MWF.widget.Maplist", function(){
var maps = [];
Object.each(pagingStyles, function(v, k){
var mapNode = new Element("div").inject(node);
mapNode.empty();
var maplist = new MWF.widget.Maplist(mapNode, {
"title": k,
"collapse": true,
"onChange": function(){
var oldData = _self.data[name];
maps.each(function(o){
_self.data[name][o.key] = o.map.toJson();
}.bind(this));
_self.changeData(name, node, oldData);
}
});
maps.push({"key": k, "map": maplist});
maplist.load(v);
}.bind(this));
}.bind(this));
}.bind(this));
},
loadEventsEditor: function(){
......
......@@ -13,6 +13,7 @@ MWF.xApplication.query.ViewDesigner.LP = {
"name": "名称",
"alias": "别名",
"description": "描述",
"saveViewNotice" : "请先保存视图!",
"application" : "数据应用",
"newView" : "新视图",
......
......@@ -30,11 +30,16 @@
if (layout.config.app_protocol=="auto"){
layout.config.app_protocol = window.location.protocol;
}
//MWF.defaultPath = "/x_desktop"+MWF.defaultPath;
MWF.loadLP(MWF.language);
MWF.require("MWF.widget.Common", null, false);
MWF.require("MWF.xDesktop.Common", null, false);
MWF.require("MWF.xAction.RestActions", null, false);
MWF.require("MWF.xDesktop.Layout", function(){
//MWF.require("MWF.xDesktop.Authentication", null, false);
MWF.require("MWF.xDesktop.Actions.RestActions", null, false);
(function(){
layout.load = function(){
// if (this.isAuthentication()){
......@@ -67,7 +72,12 @@
// }
};
layout.load();
// layout.load();
MWF.xDesktop.getServiceAddress(layout.config, function (service, center) {
layout.serviceAddressList = service;
layout.centerServer = center;
layout.load();
}.bind(this));
})();
});
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册