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: "审核状态", 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对象函数的更多相关文章
- jquery系列教程7-自定义jquery插件全解:对象函数、全局函数、选择器
点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...
- jQuery1.11源码分析(9)-----初始化jQuery对象的函数和关联节点获取函数
这篇也没什么好说的,初始化jQuery对象的函数要处理多种情况,已经被寒冬吐槽烂了.关联节点获取函数主要基于两个工具函数dir和sibling,前者基于指定的方向遍历,后者则遍历兄弟节点(真的不能合并 ...
- jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换
JavaScript与jquery的区别 JavaScript是一门编程语言,用来编写客户端浏览器脚本. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascri ...
- jQuery源码分析-03构造jQuery对象-源码结构和核心函数
3. 构造jQuery对象 3.1源码结构 先看看总体结构,再做分解: (function( window, undefined ) { var jQuery = (function() { // 构 ...
- JQuery语法 JQuery对象与原生对象互转 文档就绪函数与window.onload的区别
[JQuery语法] 1.jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$(“选择器”).action(); ① ...
- jquery对象与核心函数
原生js入口函数与jQuery入口函数的区别 1.window.onload与document.ready在加载时间上的差异 document.ready会先触发,其次才是window.onload ...
- 【转】jQuery源码分析-03构造jQuery对象-源码结构和核心函数
作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 毕竟是边读边写,不对的地方请告诉我,多多交流共同进步.本章还未写完,完了会提交PDF. 前记: 想系 ...
- jquery 源码学习(四)构造jQuery对象-工具函数
jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原 ...
- jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、
this指的是原生js的DOM对象 .css(“”):只写一个值是取值,写俩值是赋值 window.onload === $(document).ready(); $(“”):获取元素 标 ...
随机推荐
- linux性能调优
1-1.0 关于ulimit linux对每个用户,系统限制其最大进程数.为提高性能,可根据设备资源情况,设置各linux用户最大进程数. [Qrui@root ~]#ulimit -a 用来显示当 ...
- ModuleNotFoundError: No module named '_sqlite3'
ModuleNotFoundError: No module named '_sqlite3' 解决: 1,首先安装 sqlite-devel yum install sqlite-devel 2,重 ...
- HTTP 协议基础
HTTP 协议的主要特点可概括如下: 1.支持客户/服务器模式. 2.简单快速:客户向服务器请求服务时,只需传送请求方法和路径.请求方法常用的有GET.HEAD.POST.每种方法规定了客户与服务器联 ...
- controller 允许跨域访问
1.在controller 上加上 @CrossOrigin(origins = {"http://localhost:7777", "http://someserver ...
- Java调用SQL Server的存储过程详解
转载自Microsoft的官方文档 http://msdn2.microsoft.com/zh-cn/library/ms378995.aspx收录于 www.enjoyjava.net/f25 本文 ...
- 迷你MVVM框架 avalonjs 1.3.5发布
本版本主要是修复内存泄漏问题,让其在移动端更好的运作. 修正visible BUG 详见这里 修正$fire方法里的正则错误 详见这里 修正ms-attr BUG,在IE9-11,直接用element ...
- 编译参数中-pthread以及-lpthread的区别
一般情况下,我们在链接一个(文件名为libxxx.so或libxxx.a等的)库时,会使用-lxxx的方式:在Linux中要用到多线程时,需要链接pthread库,按照惯例,我们应该使用-lpthre ...
- 最小子串覆盖 · Minimum Window Substring
[抄题]: 给定一个字符串source和一个目标字符串target,在字符串source中找到包括所有目标字符串字母的子串. 在答案的子串中的字母在目标字符串中是否需要具有相同的顺序? ——不需要. ...
- golang之数组
1.数组:同一种数据类型的固定长度的序列. 2.数组定义:var a [len]int,例如:var a [5]int 3.长度是数组类型的一部分,因此,var a[5] int 和 var a[10 ...
- App启动页设计实例与技巧
App启动页,也称闪屏页,最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现,后被设计师巧妙用于品牌文化展示,服务特色介绍以及功能界面熟悉等平台进行设计,被赋予了更加丰 ...