基于easyui的界面扩展

非完善版：

(function ($) {

$.fn.editform = function (options, formdata) {

if (typeof options == 'string') {

var method = $.fn.editform.methods[options];

if (method) {

return method(this, param);

}

}

// this.each(function () {

var op = $.extend({}, $.fn.editform.defaults, options);

var item;

if (op.formtype == "window") {

item = CreateWindow(formdata);

} else {

item = CreatePanel(formdata);

}

console.info($(item));

$(item).appendTo($(op.container));

// });

$.parser.parse($(op.container));

};

$.fn.editform.methods = {

"submit": function (jq, param) {

$.fn.editform.submit(param);

},

"clear": function (jq, param) {

$.fn.editform.clear(param);

}

}

$.fn.editform.submit = function (formname) {

$("#" + formname).submit();

};

$.fn.editform.clear = function (formname) {

$("#" + formname).form('clear');

};

$.fn.editform.defaults = {

container: 'body',

cols: 1,

formtype:'window',

};

function CreatePanel(formdata) {

var win = $("#" + formdata.FormName + "div");

if ($(win).length != 0) {

$(win).panel({});

return;

}

var itemwin = $('<div id="' + formdata.FormName + 'div" class="easyui-panel" data-options="fit:true,border:false"> </div>');

var form = CreateItemForm(formdata);

var buttonDiv = AddButonDiv(formdata);

$(form).appendTo(itemwin);

$(buttonDiv).appendTo(itemwin);

return itemwin;

};

function CreateWindow(formdata) {

var win = $("#" + formdata.FormName + "div");

if ($(win).length != 0) {

$(win).window({});

return;

}

var itemwin = $('<div id="' + formdata.FormName + 'div" class="easyui-window" data-options="iconCls:\'icon-save\',modal:true"> </div>');

var form = CreateItemForm(formdata);

var buttonDiv = AddButonDiv(formdata);

console.info($(form));

$(form).appendTo(itemwin);

$(buttonDiv).appendTo(itemwin);

return itemwin;

};

function CreateItemForm(formdata) {

var form = $('<form id="' + formdata.FormName + 'form" method="post"></form>');

var table = AddformItem(formdata);

$(table).appendTo(form);

return table;

};

function AddButonDiv(formdata) {

var buttondiv = $('<div style="text-align:center;padding:5px"></div>');

var submitbutton = $(' <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$.fn.editform.submit(\'' + formdata.FormName + 'form\')">Submit</a>');

var resetbutton = $('<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$.fn.editform.clear(\'' + formdata.FormName + 'form\')">Clear</a>');

submitbutton.appendTo(buttondiv);

resetbutton.appendTo(buttondiv);

return buttondiv;

}

function AddformItem (formdata) {

var cols = formdata.Items;

//创建table

var table = $('<table cellpadding="5"></table>');

var tr = $("<tr></tr>");

$(tr).appendTo(table);

for (var i = 0; i < cols.length; i++) {

if (i % 2 == 0) {

var tr = $("<tr></tr>");

$(tr).appendTo(table);

}

var obj = $('<input id="' + formdata.FormName + '.' + cols[i].ItemField + '" name="' + formdata.FormName + '.' + cols[i].ItemField + '" />');

switch (cols[i].ItemType) {

case "ValidateBox":

$(obj).addClass("easyui-validatebox");

break;

case "TextBox":

$(obj).addClass("easyui-textbox");

break;

case "DateBox":

$(obj).addClass("easyui-datebox");

break;

case "ComboBox":

$(obj).addClass("easyui-combobox");

break;

default:

break;

}

//data-options处理

var optionsArray = new Array();

var options = "";

if (cols[i].Required) {

optionsArray[optionsArray.length] = "required:true";

}

if (cols[i].ValidType != undefined && cols[i].ValidType != "") {

optionsArray[optionsArray.length] = "validType:" + cols[i].ValidType;

}

if (cols[i].URL != undefined && cols[i].URL != "") {

optionsArray[optionsArray.length] = "url:'" + cols[i].URL + "'";

}

if (cols[i].ValueField != undefined && cols[i].ValueField != "") {

optionsArray[optionsArray.length] = "valueField:'" + cols[i].ValueField + "'";

}

if (cols[i].TextField != undefined && cols[i].TextField != "") {

optionsArray[optionsArray.length] = "textField:'" + cols[i].TextField + "'";

}

if (cols[i].Data != undefined && cols[i].Data != "") {

optionsArray[optionsArray.length] = "data:" + cols[i].Data;

}

if (optionsArray.length > 0) {

$(obj).attr("data-options", optionsArray.join(","));

}

var tdlable = $("<td>" + cols[i].ItemName + ":</td>");

$(tdlable).appendTo(tr);

var td = $("<td></td>");

$(obj).appendTo(td);

$(td).appendTo(tr);

}

return table;

//增加提交按钮

// var formname = "ff";

// var form = CreateForm(formname);

// $(table).appendTo(container);

// $(form).appendTo(itemwin);

//添加进容器

};

})(jQuery);