| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- $(function() {
- $("#device_type").on('click',selectDeviceType);
- $(".recordset").on('click',changeRecordColor);
- $("#device_edit_btn").on('click',showDeviceAttrs);
- });
- /**
- * 选择设备类型后,设备信息自动生成
- */
- function selectDeviceType(event) {
- var $typeItem=$(event.target),
- $devices=$("#device_info"),
- deviceHtml="",
- deviceBaseId=null,
- deviceBaseName=null;
- $(event.currentTarget).children().css('background-color','white');
- if (!$typeItem.is("ul")) {
- $typeItem.css('background-color','yellow');
- //展现设备信息
- deviceBaseId=$typeItem.index()+1;
- deviceBaseName=$typeItem.text();
- for(var i=0,len=10;i<len;i++){
- deviceHtml+="<tr><td>"+(10000*deviceBaseId+i)+"</td><td>"+(deviceBaseName+"_"+i)+"</td></tr>";
- }
- $devices.html(deviceHtml);
- // 改变状态
- $("#device_edit_btn").attr('disabled', 'true');
- $("#attrBtns>button").attr('disabled', 'true');
- $(".recordset").children().removeClass('active-nova');
- DataSet.currType=deviceBaseName;
- }
- }
- /**
- * 修改表格这种每一行的背景颜色
- */
- function changeRecordColor(event) {
- var $currTarget=$(event.currentTarget);
- if ($currTarget.attr("id")==="device_info") {
- $("#device_edit_btn").removeAttr('disabled');
- }else{
- $("#attrBtns>button").removeAttr('disabled');
- }
- $currTarget.children().removeClass('active-nova'); //gkq:tbody下的tr
- $(event.target).parent().addClass('active-nova'); //gkq:td的父tr
- }
- /**
- * 显示设备的属性信息
- */
- function showDeviceAttrs(event) {
- var attrHtml="",
- $attrs=$("#device_attr"),
- currType=DataSet.currType;
- for(var i=0,len=8;i<len;i++){
- attrHtml+="<tr><td>"+currType+(i+1)+"</td><td>属性值"+(i+1)+"</td></tr>";
- }
- $attrs.html(attrHtml);
- }
- var DataSet={
- currType:'', //当前设备类型
- };
|