easy-ui JOB 及 小记录
$:获取
$.ajax({
type: "POST" ,
url: "" ,
contentType: "application/json; charset=utf-8" ,
data: "{'startTime':'" + $("#main input[data-field='starttime']").datebox( "getValue" ) + "' " + "," + " 'endTime': '" + $("#main input[data-field='endtime']").datebox("getValue" ) + "'}",
dataType: "json" ,
success: function (data) {
$( "#hotthreadlist" ).datagrid("loadData", data.ThreadList);
},
error:function(ex) {
$.messager.alert('提示', jQuery.parseJSON(ex.responseText).Message,"error");
}
});
=====================================================================================================
data: "{ 'userid':'" + $( "#memberlist" ).datagrid("getSelected").UserID + "' " + "," + " 'topicid': '" + $("#memberlist" ).datagrid("getSelected").TopicID + "' " + " , " + " 'periodindex': ' " + $("#memberlist" ).datagrid("getSelected").PeriodIndex + "'}".
============================================================================================
queryParams: { starttime: $( "#startTime" ).datebox("getValue"), endtime: $( "#endTime" ).datebox("getValue")}
============================================================================================
data:"{'startTime':'" + $( "#startTime" ).datebox("getValue") +"' "+","+ "' endTime': '"+ $( "#endTime" ).datebox("getValue") +"'}";
============================================================================================
Toggle 二次点击(JQuery)
点击切换隐藏\显示
$(" a").on("click", function () {
$( "#DIVID" ).toggle();
});
============================================================================================
JS判断包含:
ServiceName[i].indexOf( "四级备考计划" ) != -1
============================================================================================
EASYUI Checkbox:默认选中:
(项目中):onLoadSuccess: function (data) {
if (data) {
$.each(data.rows, function (index, item) {
if (HotThreadMng.HotThread.indexOf(item.Id) != -1) {
$( '#hotthreadlist' ).datagrid('checkRow', index);
}
});
}
},
基本:
onLoadSuccess: function (data)
{
if (data) {
$.each(data.rows, function (index, item)
{
if (item.IsHot) {
$( '#hottaglist' ).datagrid('checkRow', index);
}
});
}
},
$("#memberlist").datagrid('clearSelections').datagrid('clearChecked');//清除checkbox选中状态
============================================================================================
获取当前列的Id:$("#topiclist").datagrid( "getSelected" ).Id
============================================================================================
EASYUI-分页控件
数据加载完后:在分页
fitColumns: false,
rownumbers: true,
singleSelect: true,
idField: "Id",
pagination: true,
pageList: [10, 30, 50, 100],
----------------------------------------------------------------------------------------------------
pagination: true
var p = $('#userloginlist').datagrid( 'getPager');
$(p).pagination({
pageSize: 10, //每页显示的记录条数，默认为10
pageList: [5, 10], //可以设置每页记录条数的列表
pageNumber: 1, //当分页建立时,显示的页数
total: loginResult.LoginStatistics,
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页' ,
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录' ,
//点击上一页,下一页
onSelectPage: function (pag, rows) {
$.ajax({
type: "post" ,
url: "/SystemUser/SeeUser/UserLogin" ,
data: "{'startTime':'" + $("#startTime" ).datebox("getValue") + "'" + "," + "'endTime':'" + $("#endTime" ).datebox("getValue") + "'" + "," + "'pag':'" + pag + "'" + "," + "'rows':'" +rows+"'}",
contentType: "application/json; charset=utf-8" ,
dataType: "json" ,
success: function (loginResult) {
}
});
}
});
============================================================================================
for ( var attr in result) {
for (var j = 0; j < result[attr].length; j++) {
result[attr][j].LLBPrice = result[attr][j].LLBPrice / 10;
result[attr][j].LLBAmount = result[attr][j].LLBAmount / 10;
}
}
============================================================================================
JS 精确度问题:
cet4amouth += parseFloat(result[ "NewPlan" ][i].LLBAmount);
cet4amouth = parseFloat(cet4amouth.toFixed(1));
Select:改变下拉框时触发事件:
$("#Select").on( "change" ,function () {
$("#mailnotify .frame-list input[name=eFrom]").val("edu@" +result).ToLower();
}
for(vari = 0; i < result.length; i++) {
$("#pop_TopicTeacher .popinner select[name=TopicID]").append($("<option>").text(result[i].*****).val(result[i].Id));
}
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
ajax:给select赋值:
public async Task<JsonResult> listCategory()
{
return new JsonResult()
{
Data = await CommunityTopicFacade.ListCategory().ConfigureAwait(false)
};
}
InitDropDownData:function() {
$.ajax({
type:"POST",
url:"/Community/Topic/listCategory",
dataType:"json",
contentType:"application/json;charset=utf-8",
success:function(result) {
//$("#pop_TopicTeacher .popinner select[name=TopicID]").empty();
for(vari = 0; i < result.length; i++) {
$("#pop_TopicTeacher .popinner select[name=TopicID]").append($("<option>").text(result[i].CategoryName).val(result[i].Id));
}
},
error:function(ex) {
}
});
},
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
直接赋值:
Controller:
publicasyncTask<ActionResult> TopicTeacherMng()
{
if(CurrentUser.GetCurrentUserPurview(CurrentUser.UserPurview_Community))
{
List<FR_CategoryInfo> listCategory =awaitCommunityTopicFacade.ListCategory().ConfigureAwait(false);
returnView(listCategory);
}
else
returnRedirect("~/Home/Error");
}
cshtml:
@usingLangBoBackground;
@usingLangBo.Facade;
@usingLangBo.DataDefine;
@usingSystem.Threading.Tasks;
@model List<FR_CategoryInfo>
<tdclass="title">小组类型</td>
<tdclass="content">
<selectname="CategoryID"value="">
@foreach(FR_CategoryInfocategoryinModel)
{
<optionvalue="@category.Id">@category.CategoryName</option>
}
</select>
</td>
============================================================================================
EASYUI-Tabs
<div id="" class="easyui-tabs" style=" width: 100% ;" fit="true">
<div title="话题" style=" padding: 20px ;">
<div class="frame-list">
<table id="topic"></table>
</div>
</div>
<div title="背诵" style ="padding: 20px;">
<div class="frame-list">
<table id="repeat"></table>
</div>
</div>
</div>
获取TabTitle:
$("#tabs .tabs-header .tabs-inner").on("click" , function () {
var tabTitle = $(this).text().trim()
alert(tabTitle);
});
//获取TabTitle:
var tabTitle = $( "#tabs" ).tabs("getSelected").panel( 'options').title;
隐藏tab
$('#statis').tabs( 'getTab', "礼品赠送统计" ).panel('options').tab.hide();
============================================================================================
A标签:
_Blank是新窗口_Self是自身
_Parent是父窗口
_Top是顶层窗口
videojs
============================================================================================
easyui 多选框
singleSelect: false ,
checkOnSelect: true ,
selectOnCheck: true ,
frozenColumns: [[
{ field:'ck', checkbox:true}
]],
[{
text:"多选",
iconCls:"icon-add",
handler: TopicApplyMgr.ChangeApply
}]
ChangeApply:function() {
varrows = $("#applylist").datagrid("getChecked");
varappplyArr = [];
for(vari = 0; i < rows.length; i++) {
appplyArr.push(rows[i]);
}
vardataCarrier = {
appplylist: appplyArr
};
if(appplyArr.length == 0) {
alert("没有选中啊!!!!");
returnfalse;
}
else{
TopicApplyMgr.EditTopicApply(dataCarrier.appplylist);
TopicApplyMgr.InitPageCrl();
}
}
============================================================================================
$("#topicdetail .showimgouload").on("click",function() {
this.callback =function() {
$("#topicdetail .imgwrap").removeClass("hide");
$("#topicdetail .uploadwrap").removeClass("hide");
};
UploadMgr.TriggerImageSelect(this);
});
<input type="file">浏览
============================================================================================
数组有四种定义的方式
使用构造函数：
var a = new Array();
var b = new Array(8);
var c = new Array("first", "second", "third");
或者数组直接量：
var d = ["first", "second", "third"];
使用构造函数：
var a = new Array();
var b = new Array(8);
var c = new Array("first", "second", "third");
或者数组直接量：
var d = ["first", "second", "third"];
varimgcount = {};
============================================================================================
varrow = $("#topicTeacherList").datagrid("getRows")[index].Id;
$("#pop_EditPutaway #StartDate").datebox("setValue", FormatJSONDateToEasyUIDate(Position.StartDate));
============================================================================================
toolbar: [{
text:"审批",
iconCls:"icon-add",
handler:function() {
TopicTeacherMgr.ChangeTeacherID();
TopicTeacherMgr.SaveTopicTeacher();
}
},"-", {
text:"设为班长",
iconCls:"icon-add",
handler:function() {
TopicTeacherMgr.SaveTaskAuth();
}
}]
============================================================================================
EasyUI:
权限判断显示类型:
@{
int[] purview =CurrentUser.GetCurrentUserPurview().Select(t =>int.Parse(t.ToString())).ToArray();
}
@if(purview[2] == 1)
{
<divtitle="教学管理"data-options="collapsed:true"data-tab="mgr">
<ul>
<liclass="nav"><ahref="/OnlinePractice/PracticeConfig/Index">在线练习设置</a></li>
<liclass="nav"><ahref="/OnlinePractice/PracticeExecute/Index">在线练习讲评</a></li>
</ul>
</div>
}
用户管理:5
用户信息:4
教研数据维护:3
教学管理:2
消息通知:8,9
资讯中心:6[学习中心]
权限管理:2
网站配置管理:1
社区管理:11
运营管理:10
教务管理:0
系统统计:7
------------------------------------------------------------------------------------------------------------------------------------------------------
判断手风琴展开,闭合
第一种方案(不支持二级页面操作)
$(document).ready(function() {
$("#layoutwest .nav a").each(function() {
if(window.location.href.indexOf($(this).attr("href")) > -1) {
$(this).parents("div[data-tab]").panel("expand");
}
})
})
第二种方案:
<divtitle="用户管理"data-options="collapsed:true"data-tab="usermgr">
</div>
$(document).ready(function() {
openAccordionTab("mgr");
})
functionopenAccordionTab(tab) {
$("#layoutwest div[data-tab="+ tab +"]").panel("expand");
}
第三种方案:
@{
int [] purview = CurrentUser.GetCurrentUserPurview().Select(t => int .Parse(t.ToString())).ToArray();
}
<divtitle="运营管理"data-options="collapsed:@(purview[1]==1?"false":"true")">
</div>
===========================================================================================
1<<2 = 4
先明确一点:内存里都是0和1
1<<k就是创建一个1, 移动到第k位
1<<2, 用四位二进制数表示就是0100,
如果赋值给int, 值就是4
~是反转的意思, ~0100就是1011
比如一个short, 1<<2就是0000000000000100
~(1<<2)就是1111111111111011
由于最高位是1, 所以这个数字如果是signed,就是负数,
unsigned,就是一个很大的正数
signed short型数字1111111111111011
值可以这样算, 整个数字反转, 然后+1
反转: 就回到了0000000000000100
+1: 就是0000000000000101
0101是5, 是1111111111111011的绝对值, 所以short s=~(1<<2); s就是-5
1<<k就是创建一个1, 移动到第k位
1<<2, 用四位二进制数表示就是0100,
如果赋值给int, 值就是4
~是反转的意思, ~0100就是1011
比如一个short, 1<<2就是0000000000000100
~(1<<2)就是1111111111111011
由于最高位是1, 所以这个数字如果是signed,就是负数,
unsigned,就是一个很大的正数
signed short型数字1111111111111011
值可以这样算, 整个数字反转, 然后+1
反转: 就回到了0000000000000100
+1: 就是0000000000000101
0101是5, 是1111111111111011的绝对值, 所以short s=~(1<<2); s就是-5
2^32-1 ffffffff
==============================================================================================
获取当前时间+1天
functiondateNow(){
varnow =newDate();
return(now.getFullYear() +"-"+ ((now.getMonth() + 1) < 10 ?"0":"") + (now.getMonth() + 1) +"-"+ (now.getDate() < 10 ?"0":"") + (now.getDate() + 1));
}
=======================================================================================
回调函数：
EditUserCourse:function() {
this.ajaxCallBack =function(){
$("#pop_UpdateUserCourse .popinner select[name=PaidCourseID]").val($("#usercourselist").datagrid("getSelected").PaidCourseID);
$("#pop_UpdateUserCourse").dialog({ title:"编辑信息"});
$("#pop_UpdateUserCourse").dialog("open");
}
UserCourseMgr.InitDropDownData($("#usercourselist").datagrid("getSelected").StartDate);
},
InitDropDownData:function(StartDate) {
varself =this;
$.ajax({
type:"POST",
url:"/SystemUser/UserCourse/ListCourseNameByUserID",
data:"{'userEMail':'"+ $("#main .frame-top .searchbox").val() +"' "+","+" 'startDate':'"+ StartDate +"'}",
dataType:"json",
contentType:"application/json;charset=utf-8",
success:function(result) {
$("#pop_UpdateUserCourse .popinner select[name=PaidCourseID]").empty();
for(vari = 0; i < result.length; i++) {
$("#pop_UpdateUserCourse .popinner select[name=PaidCourseID]").append($("<option>").text(result[i].CourseName).val(result[i].Id));
}
self.ajaxCallBack.call();
},
error:function(ex) {
$("#pop_UpdateUserCourse").dialog("close");
$.messager.alert('提示',"操作失败","error");
}
});
},
========================================================================================
客户端判断取个数：
onLoadSuccess:function(data) {
for(vari = 0; i < data.rows.length; i++) {
if(data.rows[i].CurrStatus == 22) {
//已领取
CourseCouponStatisticsMng.gifReceive++;
}
if(data.rows[i].CurrStatus == 11) {
//已使用
CourseCouponStatisticsMng.giftUse++;
}
if(data.rows[i].CurrStatus == 0) {
//未使用
CourseCouponStatisticsMng.gifUnUse++;
}
}
$("#giftList").datagrid("getPanel").panel('setTitle',"该礼品共"+ CourseCouponStatisticsMng.gifReceive +"人领取，共"+ CourseCouponStatisticsMng.giftUse +"人使用，共"+ CourseCouponStatisticsMng.gifUnUse +"人未使用");
},
==================================================================================
排序
sortName:"CurrStatus",
sortOrder:"desc",
remoteSort:false,
-================================================================================
html 默认值
placeholder ="Email/手机号/用户ID"
^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$（判断邮箱，错误）
判断邮箱：
/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
/^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/
=====================================================================================
sort
SenetenceSearchMng.SenetenceByClauseTypeArr[0].sort( function (a, b) { return a.clauNum > b.clauNum ? 1 : -1 });
============================================================================================
break和continue的区别
break是结束整个循环体，continue是结束单次循环
============================================================================================
easyui中onDblClickRow双击
onDblClickRow: function (rowIndex, rowData) {
$.messager.alert( "内容详情" , rowData['Content' ], "");
},
==================================================================================
==============================================================================================================
回车：
$("#main .frame-top input").on("keydown" , function (ev){
if (ev.keyCode == 13) {
TrialCourseMng.ReLoad();
}
});
data-toggle ="enter" data-target="#main [data-act='search']"
===================================================================================================
右键菜单代码：
onRowContextMenu: function(e, rowIndex, rowData) { //右键时触发事件
//三个参数：e里面的内容很多，真心不明白，rowIndex就是当前点击时所在行的索引，rowData当前行的数据
e.preventDefault(); //阻止浏览器捕获右键事件
$(this).datagrid("clearSelections"); //取消所有选中项
$(this).datagrid("selectRow", rowIndex); //根据索引选中该行
$('#menu').menu('show', {
//显示右键菜单
left: e.pageX,//在鼠标点击处显示菜单 top: e.pageY
});
}
//三个参数：e里面的内容很多，真心不明白，rowIndex就是当前点击时所在行的索引，rowData当前行的数据
e.preventDefault(); //阻止浏览器捕获右键事件
$(this).datagrid("clearSelections"); //取消所有选中项
$(this).datagrid("selectRow", rowIndex); //根据索引选中该行
$('#menu').menu('show', {
//显示右键菜单
left: e.pageX,//在鼠标点击处显示菜单 top: e.pageY
});
}
