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(); $(“”):获取元素 标 ...
随机推荐
- sed你所不知道的语法
测试内容
- 关于json_encode转义斜杠的问题
加上参数 JSON_UNESCAPED_SLASHES即可 echo json_encode($data,JSON_UNESCAPED_SLASHES);
- hex文件和bin文件区别
HEX文件和BIN文件是我们经常碰到的2种文件格式.因为自己也是新手,所以一直对这两个文件懵懵懂懂,不甚了解,最近在做STM32单片机的IAP更新,其中要考虑HEX文件和BIN文件,所以需要学习下这两 ...
- c#,读取二维码
/// <summary>/// 读取二维码/// 读取失败,返回空字符串/// </summary>/// <param name="filename&quo ...
- 利用CSS3 filter:drop-shadow实现纯CSS改变图片颜色
体验更优排版请移步原文:http://blog.kwin.wang/programming/css3-filter-drop-shadow-change-color.html 之前做项目过程中有时候遇 ...
- FireMoneky 画图 Point 赋值
VCL 的 Canvas.Pen 对应FMX: Canvas.Stroke;VCL到 Canvas.Brush 对应FMX: Canvas.Fill. TCircle 圆形控件 Inkscape 0. ...
- cudnn 安装
ubuntu 下载地址 https://developer.nvidia.com/rdp/cudnn-download 安装教程 http://docs.nvidia.com/deeplearning ...
- python变量作用域
[python变量作用域] 几个概念: python能够改变变量作用域的代码段是def.class.lamda. if/elif/else.try/except/finally.for/while 并 ...
- 【hdu4347】The Closest M Points 【KD树模板】
题意 一个k维空间,给出n个点的坐标,给出t个询问,每个询问给出一个点的坐标和一个m.对于每个询问找出跟这个点最接近的m个点 分析 kd树的模板题. #include <cstdio> # ...
- jQuery自定义动画
$(function(){ $(".btn1").click(function(){ $(','opacity':'toggle'}); }); $(".btn2&quo ...