项目前端知识点总结1

标签：

}

1、js对象、jQuery对象相互转化
[js对象——>jquery对象]：var jQuery对象 = $(js对象);
[jquery对象——>js对象]：var js对象 = jQuery对象[index]
            var js对象 = jQuery对象.get(index)


2、size()方法和length属性都用于得到jQuery对象中元素的个数，没区别！    

3、    text()和html()方法的区别：
    html():
    1、取得[第一个匹配元素]的html内容，包含标签。
    2、如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML内容会被获取。
    3、这个函数不能用于XML文档。但可以用于XHTML文档。
    
    text():
    1、取得[所有匹配元素]的文本内容，不包含标签。
    2、如果选择器匹配多于一个的元素，结果是由所有匹配元素包含的文本内容组合起来的文本。
    3、这个方法对HTML和XML文档都有效。

4、遍历方法each()里this指代js对象

5、jQuery中的筛选方法和选择器功能类似，都用于得到特定的dom元素

6、find(): 是找出指定元素的后代元素，所有搜索都依靠jQuery表达式来完成。类似于【ancestor descendant】选择器

1、

var length =$CommonUI.getDataGrid(‘#doctorOrdersGrid‘).datagrid(‘getRows‘).length;

var editRow =$CommonUI.getDataGrid(‘#doctorOrdersGrid‘).datagrid("getSelected");

var editIndex =$CommonUI.getDataGrid(‘#doctorOrdersGrid‘).datagrid("getRowIndex",editRow);

2、

a.可编辑状态下获取实时值：

$($CommonUI.getDataGrid(‘#doctorOrdersGrid‘).datagrid(‘getEditor‘,{index:i,field:‘itemid‘}).target).val()

等价于：

var itemidEditor = $CommonUI.getDataGrid(‘#doctorOrdersGrid‘).datagrid(‘getEditor‘,{index:i,field:‘itemid‘});

$(itemidEditor.target).val()

b.可编辑关闭（通过endedit或者acceptChanges(也会关闭编辑状态)方法）下获取值

var rowData= $CommonUI.getDataGrid(‘#doctorOrdersGrid‘).datagrid("getData");

varitemid = rowData.rows[i].itemid;

3、combobox不管是通过url从后台获取数据，还是从本地组织数据，都需要类似于datagrid需要的特定json格式，即{“total”:xx,rows:[{},{},…]}

事实上，combobox从后台获取数据，要放到pagemodel里直接返回，这样得到的数据格式符合上述情况

a.       通过url从后台获取：

取号类型：<inputclass="combobox"type="text"id="code"name="codeType"style="width:120px;height:20px;"

                 data-options="

                 url:‘<%=request.getContextPath()%>/treatmentNoMaintain/treatmentNoMaintainCtrl.htm?

BLHMI=getCodeType‘,

                 mode:‘remote‘,

                 editable:false,

                 valueField:‘id‘,

            textField:‘text‘,"/>

//后台传递取号类型

      publicvoid getCodeType(BaseAbstractDto basedto){

           TreatmentNoMaintainDtodto = super.getExactlyDto(basedto);

           //调用对应的service查询某个实体的方法

           PagerModel  pm=treatmentNoMaintainService.getCodeType(dto);

           dto.setPageModel(pm);

      }

数据格式如下：

注：后台传递过来的rows里的属性（在实体类或者vo类里定义）和{valueField:‘id‘， textField:‘text‘}相对应

b．在本地组织数据生成combobox

$(basicUnitEditor.target).combobox(‘loadData‘,{total:2, rows:[{"id":rowData.baseUnitDesc,"text":rowData.baseUnitDesc,"selected":true},{"id":rowData.mediUnitDesc, "text":rowData.baseUnitDesc}]});

dagagrid里column中定义的字段值：

{field:‘basicUnit‘,width:22,align:‘left‘,editor:{type:‘combobox‘,options:{valueField:‘id‘,textField:‘text‘}},title:‘单位‘},

“selected”:true表示默认选中这一项

4、combogrid、combobox获取值

$(itemnameEditor.target).combogrid("setValue",rowData.phaName);

$(basicUnitEditor.target).combobox(‘setValue‘,rowData.mediUnitDesc);

5、获取combobox从后台获取到的数据

var freqData=$(freqEditor.target).combobox("getData");

6、获取combogrid焦点

$(itemnameEditor.target).combogrid().next(‘span‘).find(‘input‘).focus();（firebug查看元素关系）

7、String Number.toFixed(Number dot)：截取到固定小数位

8、js格式化时间

formatterDateTime = function(myDate) {

    Y =myDate.getFullYear();

    M =myDate.getMonth()+1<10?"0"+(myDate.getMonth()+1):myDate.getMonth()+1;

      D =myDate.getDate()<10?"0"+myDate.getDate():myDate.getDate();

    h =myDate.getHours()<10?"0"+myDate.getHours():myDate.getHours();

    m =myDate.getMinutes()<10?"0"+myDate.getMinutes():myDate.getMinutes();

    s =myDate.getSeconds()<10?"0"+myDate.getSeconds():myDate.getSeconds();

    returnY+‘-‘+M+‘-‘+D+‘ ‘+h+‘:‘+m+‘:‘+s;

};

9、开启编辑状态的步骤（先选中、再开启）

a．$(‘#chinaMedicineGrid‘).datagrid(‘selectRow‘,i);

b．$(‘#chinaMedicineGrid‘).datagrid(‘beginEdit‘,i);

10.清空datagrid中数据

$CommonUI.getDataGrid(‘#materialGrid‘).datagrid("loadData",{"total":"0","rows":[]});

11.置灰combogrid（combogrid可以直接调用combo中的方法）

两种方式置灰easyui组件：

1、  组件中提供的disable方法:例如combo、numberbox等（通过查webUI API）

varexamNameEditor = $(‘#examGrid‘).datagrid(‘getEditor‘, {index:i,field:‘examName‘});

$(examNameEditor.target).combo({disabled:true});

examNameEditor.target：为combogrid DOM（js）对象

2、  jQuery中属性设置方法（editor类型为text）：

varamountTotalEditor = $(‘#examGrid‘).datagrid(‘getEditor‘,{index:i,field:‘examSalesPrice‘});

$(amountTotalEditor.target).attr({"disabled":true});

12.把后台传递过来的数据直接赋值给前台datagrid

$(‘#examGrid‘).datagrid(‘loadData‘,msg);

注：msg数据格式为pagemodel格式，即{“total”:xx,rows[{},{},…]}

项目前端知识点总结1

标签：

原文地址：http://blog.csdn.net/u014225733/article/details/51251226