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: "审核状态", width: 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: "编号", width: 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);

JQuery对象函数的更多相关文章

  1. jquery系列教程7-自定义jquery插件全解:对象函数、全局函数、选择器

    点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...

  2. jQuery1.11源码分析(9)-----初始化jQuery对象的函数和关联节点获取函数

    这篇也没什么好说的,初始化jQuery对象的函数要处理多种情况,已经被寒冬吐槽烂了.关联节点获取函数主要基于两个工具函数dir和sibling,前者基于指定的方向遍历,后者则遍历兄弟节点(真的不能合并 ...

  3. jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换

    JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascri ...

  4. jQuery源码分析-03构造jQuery对象-源码结构和核心函数

    3. 构造jQuery对象 3.1源码结构 先看看总体结构,再做分解: (function( window, undefined ) { var jQuery = (function() { // 构 ...

  5. JQuery语法 JQuery对象与原生对象互转 文档就绪函数与window.onload的区别

    [JQuery语法] 1.jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$(“选择器”).action();   ① ...

  6. jquery对象与核心函数

    原生js入口函数与jQuery入口函数的区别 1.window.onload与document.ready在加载时间上的差异 document.ready会先触发,其次才是window.onload ...

  7. 【转】jQuery源码分析-03构造jQuery对象-源码结构和核心函数

    作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 毕竟是边读边写,不对的地方请告诉我,多多交流共同进步.本章还未写完,完了会提交PDF. 前记: 想系 ...

  8. jquery 源码学习(四)构造jQuery对象-工具函数

    jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下.   作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原 ...

  9. jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

    this指的是原生js的DOM对象 .css(“”):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(“”):获取元素   标 ...

随机推荐

  1. 30_java之DButils工具类

    01DButils工具类的介绍个三个核心类 * A: DButils工具类的介绍个三个核心类 * a: 概述 * DBUtils是java编程中的数据库操作实用工具,小巧简单实用. * DBUtils ...

  2. 在ubuntu14.04上搭建OpenVPN服务

    简介 在连接了不可信的网络环境后,让手机或者计算机安全的访问互联网,使用虚拟专用网络(Virtual Private Network,VPN)是一个解决办法.OpenVPN是一个SSL VPN完整解决 ...

  3. Python unittest excel数据驱动

    安装xlrd 下载地址:https://pypi.python.org/pypi/xlrd 安装ddt 下载地址:https://pypi.python.org/pypi/ddt/1.1.0 clas ...

  4. DevExpress GridView 整理

    1:去除 GridView 头上的 "Drag a column header here to group by that column" -->  点击 Run Desig ...

  5. JS: 如何计算一个月有多少天

    转自:https://www.2cto.com/kf/201806/755776.html 1 function getCountDays() { var curDate = new Date(); ...

  6. CImage 往Picture Control贴图 图像显示不正常

    在使用CImage 往vc控件 picture Control 上贴图的时候图像显示不太正常如图: 已知原始图片的宽高为640*640  而我上面picture Control  控件宽高小于原始图像 ...

  7. oracle ora-01652无法通过128(在表空间xxx中)扩展 问题解决方式

    问题原因建立的表空间dbf文件大小上限了 一. select * from dba_data_files 使用该条语句可以查看当前库中有多少表空间并且DBF文件的存储位置 二.查看表空间是否开启了自动 ...

  8. Apache Sqoop 结构化、非结构化数据转换工具

    简介: Apache Sqoop 是一种用于 Apache Hadoop 与关系型数据库之间结构化.非结构化数据转换的工具. 一.安装 MySQL.导入测试数据 1.文档链接:http://www.c ...

  9. javascript数组操作(创建、元素删除、数组的拷贝)

    这篇文章主要介绍了javascript数组操作,包括创建.元素的访问.元素删除.数组的拷贝等操作,还有其它示例,需要的朋友可以参考下 1.数组的创建 复制代码 代码如下: var arrayObj = ...

  10. 未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序

    实现EXCEL导入功能:web网站,excel导入用OLEDB同样会报错:未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序 报错信息: Exception caught. ...