easy-ui JOB 及 小记录

2023-01-24 12:09:07

$:获取
 $.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();
}
$("#pop_BoBoCard select[name='TopicID']").val()//获取select选中值
 
//slect赋值
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标签:
<a href="http://www.baidu.com" target="_Blank">百度</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"];
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 
 
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' ], "");
                },
==================================================================================
easy-ui JOB 及 小记录
 
==============================================================================================================
 
回车：
 
 $("#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
                });
            }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
上一篇：JQuery EasyUI学习记录（一）


下一篇：基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录