常用前端JS代码与JS方法

Posted 赵戬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常用前端JS代码与JS方法相关的知识,希望对你有一定的参考价值。

返回Z平台-帮助文档-首页


Z平台的核心JS方法都存储在 /webapp/js/z.js 文件中,如果想更全面的学习Z平台的开发,建议大家熟读该文件。平台前端的核心JS方法都在这。

共用JS方法

判断字符串是否为空

if(isNull(str)){
   alert("空");
}else{
   alert("非空");
}

判断是否不为空

if(isNotNull(str)){
   alert("非空");
}else{
   alert("空");
}

弹出提示信息

alert_info("提示信息");

alert_error("错误信息");

alert_warning("警告信息");

生成10位随数

var numid = newid();

根据代码ID获取代码对象【系统管理/设置/代码管理

var code = getCode('yesorno');

返回:{0:否,1:是}

操作Cookie读写

//设置信息到Cookie
setCookie(CookieId,Value);


//获取Cookie中的信息
getCookie(CookieId)

Ajax调用代码

$.ajax({
	type : "POST",
	url : "Action_URL",
        //是否异步操作 false为同步操作 默认为true异步操作
        async: false,
        //参数
	data:{table_id:table_id},
	success : function(data) {
		if(data.code=='SUCCESS'){
			parent.alertMessager(data.msg);
		}else{
			parent.alertErrorMessager(data.msg);
		}
	},
	error: function (data) {
		parent.alertErrorMessager("ajax错误:"+JSON.stringify(data));
	}
});

列表页面常用JS代码

列表自定义按钮调用后台方法JS

var zids = getTableColumn('MainTable','zid');
if(zids==''){
	parent.alertMessager('请选择要操作的记录');
}else{
	$.messager.confirm('信息提示','您确定要执行操作吗?',function(r){
		if (r){
			parent.openLoading();
			$.ajax({
				type : "POST",
				url : 'XXXXXXXX',//XXXXXXXX后台方法标识
				data:{zids:zids},
				success : function(data) {
					parent.closedLoading();
					if(data.code=='SUCCESS'){
						parent.alertMessager('操作成功');
						RefreshList();
					}else{
						parent.alertErrorMessager(''+data.msg);
					}
				},
				error: function (data) {
					parent.closedLoading();
					parent.alertErrorMessager('ajax错误:'+JSON.stringify(data));
				}
			});
		}
	});
}

列表自定义按钮直接字段值调用JS

var tableId = $('#tableId_id').val();
var rows = $('#MainTable').datagrid('getSelections');
for (var i = 0; i < rows.length; i++) {
	var zid = rows[i]["zid"];
	$.ajax({
		type : "POST",
		url : "update",
        async: false,
		data:{zid:zid,tableId:tableId,is_null:1},//is_null是要修改的记录 1是要修改成的值
		success : function(data) {
		},
		error: function (data) {
			parent.alertErrorMessager("ajax错误:"+JSON.stringify(data));
		}
   });
}
RefreshList();

 

获取选中行zid【选择多行】

//获取选中的客户记录
var zids = getTableColumn('MainTable','zid');
if(zids==''){
	parent.alertMessager('请选择要操作的记录');
}else{
    //执行代码

}

获取选中行zid【选择单行】

var zids = getTableColumn("MainTable","zid");
var zids_array = zids.split(",");
if(zids_array.length==1 && zids_array[0]!="" && zids_array[0]!=null){
    //执行代码
}else{
	parent.alertMessager("请选择一条记录操作");
}

刷新列表

RefreshList();

打开查询窗口

openSelectWindows();

执行查询【根据查询窗口设置的条件】

Z5Query();

清空查询窗口中的条件

form_clear();

导出列表数据到Excel 

ExportExcel();

打开新增页面

add()

打开修改页面

edit()

打开查看页面

look()
 

删除数据

remove();

编辑页面常用JS代码

刷新编辑页面

RefreshEdit();

保存方法

保存:SaveForm();

保存并新增:SaveAndAddForm();

保存并返回:SaveAndRetrunForm();

返回方法

returnParentPage();

新增明细记录

addDetail();

修改明细记录

updateDetail();

查看明细记录

lookDetail();

删除明细记录

removeDetail();

明细表直接根据ZID修改字段值

var tableId = $("#DetailTableTab").tabs("getSelected").panel("options").id;
var rows = $("#"+tableId+"_detail_table").datagrid("getSelections");
for (var i = 0; i < rows.length; i++) {
	var zid = rows[i]["zid"];
	$.ajax({
		type : "POST",
		url : "update",
           async: false,
		data:{zid:zid,tableId:tableId,is_null:1},//is_null是要修改的字段名
		success : function(data) {
		},
		error: function (data) {
			parent.alertErrorMessager("ajax错误:"+JSON.stringify(data));
		}
   });
}
RefreshEdit();

以上是关于常用前端JS代码与JS方法的主要内容,如果未能解决你的问题,请参考以下文章

关于js----------------分享前端开发常用代码片段

常用前端JS代码与JS方法

回归 | js实用代码片段的封装与总结(持续更新中...)

js常用代码片段(更新中)

js常用代码片段

javascript JS-常用代码片段