html5中定义布局,HTML5端供应商协同平台首页主控台支持二开显示自定义布局

通过BOSIDE找到要修改的主控台信息容器表单id。供应商协同平台的信息容器表单id为SCP_INFOFLOWLAYOUTPANEL，打开这个单据。

2.二开插件继承信息容器的标准出厂插件。

3.二开插件需要重写下BuildInfoPanel方法，如下为代码demo。private const string FInfoPanelContainer = "FInfoPanelContainer";

/// 

/// 重写加载布局的方法

/// 

/// 

protected override void BuildInfoPanel(JSONObject skin)

{

string configStr = ConstructInfoPanel();

JSONObject jo = KDObjectConverter.DeserializeObject(configStr);

this.View.GetControl(FInfoPanelContainer).SetData(jo);

}

/// 

/// 构造主控加载的布局，注意children这里formid就是要显示的表单id，width表示宽度，height表示高度。

/// 以如下供应商协同的标准出厂单据为例，构建了上部份高度为148的常用功能，还有余下高度占满的流程信息中心。

/// 可以根据需要二开修改要显示的主控布局和单据

/// 

private string ConstructInfoPanel()

{

string infPanelsJson = @"{

'xtype': 'KDInfoPanel',

'height': '600',//由于是流式布局，这里的高度会根据需要自动撑开

'width': '100*',//宽度占满

'tempwidth': '960',

'rows': 2,

'cols': 1,

'dock': 5,

'style': 0,

'children': [{

'xtype': 'KDInfoItem',

'height': '148',//第一个子节点单据高度为148

'width': '100*',

'rows': 1,

'cols': 1,

'dock': 5,

'style': 0,

'children': [],

'showtitle': true,

'allowexpand': true,

'formid': 'SCP_CommFunc',//要放置单据formid

'keyvalue': '0050569468289e6611e40bfe3d577150',

'id': 'Item_DEV_CommFunc', //这里的id注意和其他子项保持不相同

'ishideprogressindicator': true,

'row': 0,

'col': 0,

'tempwidth': '100*',//占满整个宽度

'background': '',

'padding': '0'

}, {'xtype': 'KDInfoItem',

'height': '100*',//第二个子节点单据的高度自由占满剩余高度

'width': '100*',

'rows': 1,

'cols': 1,

'dock': 5,

'style': 0,

'children': [],

'showtitle': true,

'allowexpand': true,

'formid': 'WF_Worklist_IndexMain',

'keyvalue': '0050569468289e6611e40bfedf27d21e',

'id': 'Item_WF_Worklist_IndexMain',

'ishideprogressindicator': true,

'tempwidth': '100*',

'row': 1,

'col': 0,

'background': '',

'padding': '0'

}],

'id': 'InfoPanel0',

'background': ''

}";

return infPanelsJson;

}

效果如下：