You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

search.js 2.9 KiB

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. (function () {
  2. var page = {
  3. isScroll: true,
  4. init: function ($page) {
  5. var _html = '';
  6. _html += '<div class="searchbar">';
  7. _html += '<i class="iconfont icon-search"></i>';
  8. _html += '<input type="text" placeholder="搜寻关键字">';
  9. _html += '</div><span id="lr_app_search_chanel" >取消</span>';
  10. $page.parent().find('.f-page-header').addClass('lr-app-search-header').html(_html);
  11. $page.parent().find('#lr_app_search_chanel').on('tap', function () {
  12. learun.nav.closeCurrent();
  13. });
  14. $page.parent().find('input').select();
  15. $page.parent().find('input').on('input propertychange', function () {
  16. var keyword = $(this).val();
  17. var $list = $('#lr_app_searchlist');
  18. if (keyword) {
  19. $list.show();
  20. $page.find('.lr-app-search-bg').hide();
  21. $list.html("");
  22. learun.clientdata.get('module', {
  23. callback: function (data) {
  24. $.each(data, function (_index, _item) {
  25. if (_item.F_Name.indexOf(keyword) != -1) {
  26. var $html = $('\
  27. <div class="lr-list-item lr-list-item-icon">\
  28. <i class="'+ _item.F_Icon + '"></i>\
  29. <a class="lr-nav-right">'+ _item.F_Name + '</a>\
  30. </div>');
  31. $html[0].item = _item;
  32. $list.append($html);
  33. }
  34. });
  35. }
  36. });
  37. }
  38. else {
  39. $page.find('.lr-app-search-bg').show();
  40. $list.hide();
  41. }
  42. });
  43. $page.find('#lr_app_searchlist').on('tap', function (e) {
  44. e = e || window.event;
  45. var et = e.target || e.srcElement;
  46. var $et = $(et);
  47. if (et.tagName === 'I' || et.tagName === 'A') {
  48. $et = $et.parent();
  49. }
  50. if ($et.hasClass('lr-list-item')) {
  51. var item = $et[0].item;
  52. if (item.F_IsSystem === 1) {// 代码开发功能
  53. learun.nav.go({ path: item.F_Url, title: item.F_Name, isBack: true, isHead: true, type: 'right' });
  54. }
  55. else {// 自定义表单开发功能
  56. learun.nav.go({ path: 'custmerform', title: item.F_Name, param: { formSchemeId: item.F_FormId, girdScheme: item.F_Scheme }, isBack: true, isHead: true, type: 'right' });
  57. }
  58. }
  59. return false;
  60. });
  61. }
  62. };
  63. return page;
  64. })();