deviceManager.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. $(function() {
  2. $("#device_type").on('click',selectDeviceType);
  3. $(".recordset").on('click',changeRecordColor);
  4. $("#device_edit_btn").on('click',showDeviceAttrs);
  5. });
  6. /**
  7. * 选择设备类型后,设备信息自动生成
  8. */
  9. function selectDeviceType(event) {
  10. var $typeItem=$(event.target),
  11. $devices=$("#device_info"),
  12. deviceHtml="",
  13. deviceBaseId=null,
  14. deviceBaseName=null;
  15. $(event.currentTarget).children().css('background-color','white');
  16. if (!$typeItem.is("ul")) {
  17. $typeItem.css('background-color','yellow');
  18. //展现设备信息
  19. deviceBaseId=$typeItem.index()+1;
  20. deviceBaseName=$typeItem.text();
  21. for(var i=0,len=10;i<len;i++){
  22. deviceHtml+="<tr><td>"+(10000*deviceBaseId+i)+"</td><td>"+(deviceBaseName+"_"+i)+"</td></tr>";
  23. }
  24. $devices.html(deviceHtml);
  25. // 改变状态
  26. $("#device_edit_btn").attr('disabled', 'true');
  27. $("#attrBtns>button").attr('disabled', 'true');
  28. $(".recordset").children().removeClass('active-nova');
  29. DataSet.currType=deviceBaseName;
  30. }
  31. }
  32. /**
  33. * 修改表格这种每一行的背景颜色
  34. */
  35. function changeRecordColor(event) {
  36. var $currTarget=$(event.currentTarget);
  37. if ($currTarget.attr("id")==="device_info") {
  38. $("#device_edit_btn").removeAttr('disabled');
  39. }else{
  40. $("#attrBtns>button").removeAttr('disabled');
  41. }
  42. $currTarget.children().removeClass('active-nova'); //gkq:tbody下的tr
  43. $(event.target).parent().addClass('active-nova'); //gkq:td的父tr
  44. }
  45. /**
  46. * 显示设备的属性信息
  47. */
  48. function showDeviceAttrs(event) {
  49. var attrHtml="",
  50. $attrs=$("#device_attr"),
  51. currType=DataSet.currType;
  52. for(var i=0,len=8;i<len;i++){
  53. attrHtml+="<tr><td>"+currType+(i+1)+"</td><td>属性值"+(i+1)+"</td></tr>";
  54. }
  55. $attrs.html(attrHtml);
  56. }
  57. var DataSet={
  58. currType:'', //当前设备类型
  59. };