JQuery对象函数

1、JQuery对象函数写法格式

简单示例：

main代表对象名，main.roleName = (function () { return $('#RoleName').val();})();表示为对象的roleName属性赋值。

$(document).ready(function () {
MainManager.init();
});

var MainManager = window.MainManager = {};

(function (main) {
main.init = function () {
this.roleName();
}

main.roleName = (function () {
return $('#RoleName').val();
})();

})(MainManager);

 实例：

注意下面下拉列表写法格式，有多种情况可以借鉴，

$(document).ready(function () {
    MainManager.init();
});

var MainManager = window.MainManager = {};


(function (main) {
    main.init = function () {
        this.bindBtnSearch();
        this.bindBtnClear();
        this.initSearchCombo();
        this.initGirdMain();
    }

  

    main.roleName = (function () {
        return $('#RoleName').val();
    })();

    main.commType = (function () {
        return $('#frmSearch #CommType').val();
    })();


    main.initSearchCombo = function () {
        var frmSearch = $('#frmSearch');
        frmSearch.find('#Fstatus').first().combobox({
            valueField: 'CodeNO',
            textField: 'CodeName',
            panelHeight: 'auto',
            data: [
             { CodeNO: '', CodeName: '--全部--' },
             { CodeNO: 3, CodeName: '已保存' },
             { CodeNO: 0, CodeName: '待审核' },
             { CodeNO: 1, CodeName: '已审核' },
             { CodeNO: 2, CodeName: '已关闭' }
            ]
        });

        //下拉列表
        frmSearch.find('#FranchiseeNO').first().combotree({
            panelWidth: 330,
            panelHeight: 230,
            valueField: 'id',
            textField: 'text',
            url: '/v_JM_Franchisee/GetFranchiseeListData',
            onLoadSuccess: function (node, data) {
                var rowCount = data.length;
                if (rowCount > 0) {
                    $('#frmSearch #FranchiseeNO').combotree("setValue", data[0].id);
                }
                if ((data.length === 1) && (data[0].children == null)) {
                    $('#frmSearch #FranchiseeNO').combotree('disable');
                };
            },
            method: 'post',
            editable: true
        });

        frmSearch.find('#CityID').first().combobox({
            url: '/area/getCitiesEnable',
            valueField: 'RegionID',
            textField: 'Name'
        });

        $("#frmSearch #DeptID").combotree({
            panelWidth: '230',
            panelHeight: '390',
            valueField: 'id',
            textField: 'text',
            url: '/SYS_Department/GetAllSYS_DepartmentByTree?_=' + (new Date()).valueOf(),
            editable: false
        });
    }

    //绑定查询按钮
    main.bindBtnSearch = function () {
        $('#frmSearch #btnSearch').bind('click', function () {
            if (!$("#frmSearch").form('validate')) return;
            main.queryGridMain(form2Json("frmSearch"));
        });
    }

    //绑定清空按钮
    main.bindBtnClear = function () {
        $('#frmSearch #btnClear').first().bind('click', function () {
            var frmSearch = $('#frmSearch');
            frmSearch.form('clear');

            var $franchiseeno = $('#frmSearch #FranchiseeNO');
            var $tree = $franchiseeno.combotree('tree');  // 获取数据表格对象
            var root = $tree.tree("getRoot");
            $franchiseeno.combotree('setValue', root.id);
           
            $("#frmSearch #Fstatus").combobox("setValue", "");

            frmSearch.find('#btnSearch').first().trigger('click');
        });
    }

    
    main.initGirdMain = function () {
        var config = Util.getBasicConfig();
        var queryModel = form2Json("frmSearch");
        $.extend(config, {
            url: '/ReceiveContract/ReceiveContract/GetAllReceiveContract',
            queryParams: queryModel,
            sortName: "CreateDate",
            sortOrder: "desc",
            onDblClickRow: function (rowIndex, rowData) {
                MainManager.editContract();
            },
            columns: [
              [
                  {
                      field: "Fstatus", title: "审核状态",  80, align: "center", sortable: true,
                      formatter: function (value, rows) {
                          switch (value) {
                              case 2:
                                  return "<strong style='color:darkgray;'>已关闭</strong>";
                              case 0:
                                  return "<strong style='color:rosybrown;'>未审核</strong>";
                              case 1:
                                  return "<strong style='color:green;'>已审核</strong>";
                              case 3:
                                  return "<strong style='color:red;'>已保存</strong>";
                              default:
                                  return "--";
                          }
                      }
                  },

                  { field: "FContractNo", title: "编号",  90, align: "center", sortable: true }

              ]
            ]
        });
        var toolList = [
                {
                    id: 'btnAdd', text: '添加', iconCls: 'icon-add',
                    handler: function () { MainManager.addContract(); }
                }
        ];
        config.toolbar = toolList;

        $('#gridMain').datagrid(config);
    }


    //新增
    main.addContract = function () {
        $('#winEdit').window({
            height: Math.min($(window).height() * 0.9, 820),
            onLoad: function () {
                EditManager.initAdd();
            },
            onClose: function () {
                delete EditManager;
            },
            title: '新增',
            iconCls: 'icon-add'
        });
        $('#winEdit').window('center');
        $('#winEdit').window('open');
        $('#winEdit').window('refresh', '/ReceiveContract/ReceiveContract/EditContract?_=' + (new Date()).valueOf());
    }
})(MainManager);