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 () {

//把相对应的input的值改变

$("#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-zd]+(.[a-zd]+)*@([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
                });
            }