力软前端组件 API

目录

力软前端组件 API.............................................................................................................. 1

一、时间查询框........................................................... 2

二、下拉选择框........................................................... 3

三、数据字典下拉选择框................................................... 4

四、数据源下拉选择框..................................................... 4

五、树形插件............................................................. 4

六、获取表单数据......................................................... 5

七、设置表单数据......................................................... 5

八、验证表单输入字段..................................................... 5

九、弹层插件............................................................. 6

十、弹层选择框插件....................................................... 6

十一、树型表格选择框插件................................................. 6

十二、表格选择框插件..................................................... 7

十三、表格插件........................................................... 8

十四、甘特图插件......................................................... 9

一、时间查询框

方法：$(‘#‘+id).lrdate(op);

参数说明：

示例：

$(this).lrdate({

dfdata: [

{ name: ‘今天‘, begin: function () { return learun.getDate(‘yyyy-MM-dd

00:00:00‘) }, end: function () { return learun.getDate(‘yyyy-MM-dd 23:59:59‘) } },

{ name: ‘近7天‘, begin: function () { return learun.getDate(‘yyyy-MM-dd 00:00:00‘, ‘d‘, -6) }, end: function () { return learun.getDate(‘yyyy-MM-dd 23:59:59‘) } },

{ name: ‘近1个月‘, begin: function () { return learun.getDate(‘yyyy-MM-dd 00:00:00‘, ‘m‘, -1) }, end: function () { return learun.getDate(‘yyyy-MM-dd 23:59:59‘) } },

{ name: ‘近3个月‘, begin: function () { return learun.getDate(‘yyyy-MM-dd 00:00:00‘, ‘m‘, -3) }, end: function () { return learun.getDate(‘yyyy-MM-dd 23:59:59‘) } },

],

// 月

mShow: false, premShow: false,

// 季度

jShow: false, prejShow: false,

//    年ysShow: false, yxShow: false,

preyShow: false, yShow: false,

// 默认

dfvalue: ‘1‘,

selectfn: function (begin, end) { logbegin = begin;

logend = end; page.search();

}

});

二、下拉选择框

方法：$(‘#‘+id).lrselect(op);

示例：

$(‘#customerId‘).lrselect({

url: top.$.rootUrl + ‘/LR_CRMModule/Customer/GetList‘, text: ‘F_FullName‘,

value: ‘F_CustomerId‘, allowSearch: true, maxHeight: 400

});

三、数据字典下拉选择框

方法：$(‘#‘+id). lrDataItemSelect (op);

示例：

$(‘#F_Process‘).lrDataItemSelect({ code: ‘Process‘ });

四、数据源下拉选择框

方法：$(‘#‘+id). lrDataSourceSelect (op);

示例：

  $(‘#F_text‘).lrDataSourceSelect({ code: ‘userdata‘,

value: ‘f_userid‘, text: ‘f_realname‘ }

);

五、树形插件

方法：$(‘#‘+id).lrtree(op);

示例：

$(‘#companyTree‘).lrtree({

url: top.$.rootUrl + ‘/LR_OrganizationModule/Company/GetTree‘, param: { parentId: ‘0‘ },

nodeClick: page.treeNodeClick

});

六、获取表单数据

方法：$(‘#‘+id). lrGetFormData(keyvalue);

说明：返回数据为 json 数据{id：value，id：value}

七、设置表单数据

方法：$(‘#‘+id). lrSetFormData (json);

说明： json 数据{id：value，id：value}

八、验证表单输入字段

方法：$(‘#‘+id). lrValidform();

说明：成功返回 true，失败返回 false

九、弹层插件

方法：learun. layerForm(op)

十、弹层选择框插件

方法:$(‘#‘+id). lrformselect (op)

示例：

$(‘#user).lrformselect({

layerUrl: top.$.rootUrl + ‘/LR_OrganizationModule/User/SelectForm‘, layerUrlW: 800,

layerUrlH: 520,

dataUrl: top.$.rootUrl + ‘/LR_OrganizationModule/User/GetListByUserIds‘

});

十一、树型表格选择框插件

方法:$(‘#‘+id). lrlayerselect (op)

示例：

$(‘#select6‘).lrlayerselect({

treeCode: ‘dataitemc‘, treeParentId: ‘f_parentid‘, treeValueId: ‘f_itemid‘, treeTextId: ‘f_itemname‘,

dataCode: ‘dataitem‘, dataTreeId: ‘f_itemid‘, dataValueId: ‘f_itemdetailid‘, dataTextId: ‘f_itemname‘,

grid: [

{ label: ‘项目名‘, name: ‘f_itemname‘, width: 175, align: ‘left‘ },

{ label: ‘项目值‘, name: ‘f_itemvalue‘, width: 175, align: ‘left‘ },

{ label: "备注", name: "f_description", width: 200, align: "left" }

],

select: function (values, texts) {

}

});

十二、表格选择框插件

方法:$(‘#‘+id). lrGirdSelect (op)

示例：

$(‘#select5‘).lrGirdSelect({

//  字段

url: top.$.rootUrl + ‘/LR_SystemModule/DataItem/GetDetailList‘, param: { itemCode: ‘Client_ProductInfo‘ },

selectWord: ‘F_ItemName‘, value: ‘F_ItemValue‘,

text: ‘F_ItemName‘,

headData: [{ label: "商品编号", name: "F_ItemValue", width: 100, align: "left" },

{ label: "商品名称", name: "F_ItemName", width: 450, align: "left" }], select: function (item) {

}

});

十三、表格插件

方法:$(‘#‘+id). jfGrid(op);

十四、甘特图插件

方法:$(‘#‘+id). lrGantt (op)

示例：

$(‘#gridtable‘).lrGantt({

url: top.$.rootUrl + ‘/LR_CodeDemo/GantProject/GetProjectList‘, childUrl: top.$.rootUrl + ‘/LR_CodeDemo/GantProject/GetProjectDetail‘, timebtns: [‘month‘, ‘week‘, ‘day‘],//‘month‘, ‘week‘, ‘day‘, ‘hour‘

timeClick: function (data, $self) { if (data.item.hasChildren) {

isMain = true;

}

else {

isMain = false;

}

keyValue = data.item.id;

},

timeDoubleClick: function (data, $self) { if (data.item.hasChildren) {

isMain = true;

keyValue,

}

keyValue = data.item.id; if (isMain) {

learun.layerForm({ id: ‘form‘,

title: ‘编辑‘,

url: top.$.rootUrl + ‘/LR_CodeDemo/GantProject/Project?keyValue=‘ +

width: 600,

height: 400,

callBack: function (id) {

return top[id].acceptClick(location.reload());

}

});

}

else {

learun.layerForm({ id: ‘form‘,

title: ‘编辑‘,

url: top.$.rootUrl + ‘/LR_CodeDemo/GantProject/ProjectDetail?keyValue=‘ + keyValue,

width: 600,

height: 400,

callBack: function (id) {

return top[id].acceptClick(location.reload());

}

});

}

},

click: function (item, $item) { if (item.hasChildren) {

isMain = true;

}

else {

isMain = false;

keyValue,

}

keyValue = item.id; if (isMain) {

learun.layerForm({ id: ‘form‘,

title: ‘编辑‘,

url: top.$.rootUrl + ‘/LR_CodeDemo/GantProject/Form?keyValue=‘ +

width: 600,

height: 400,

callBack: function (id) {

return top[id].acceptClick(location.reload());