FormUtil.js 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. Ext.define('saas.util.FormUtil', {
  2. BaseUtil: Ext.create('saas.util.BaseUtil'),
  3. // 请求页面组件接口模板
  4. baseUrl: 'http://192.168.0.181:8560/api/ui/co_view/config?name={viewName}',
  5. // 模板替换正则
  6. urlRe: /(.*){viewName}(.*)/g,
  7. /**
  8. * 获得form的字段配置
  9. * @param form: form组件
  10. * @param url: url
  11. */
  12. setItems: function(form) {
  13. var me = this,
  14. viewName = form.viewName,
  15. defaultItems = form.defaultItems,
  16. formModel = form.getViewModel(),
  17. url = me.baseUrl.replace(me.urlRe, '$1' + viewName);
  18. this.BaseUtil.request({url, async: false})
  19. .then(function(response) {
  20. var res = Ext.decode(response.responseText);
  21. if(res.success) {
  22. var config = res.data || true, items = defaultItems || [];
  23. if(config) {
  24. var cusItems = config.items || [];
  25. Ext.Array.each(cusItems, function(cusItem) {
  26. var item = items.find(function(item) {
  27. return item.name == cusItem.name;
  28. });
  29. Ext.apply(item, cusItem);
  30. });
  31. Ext.Array.each(items, function(item) {
  32. if(item.xtype == 'detailGridField') {
  33. var storeName = item.name || item.xtype + Ext.id();
  34. item.bind = {
  35. store: '{' + storeName + '}'
  36. };
  37. var detailGrids = viewModel.get('detailGrids');
  38. detailGrids.push(storeName);
  39. viewModel.set('detailGrids', detailGrids);
  40. viewModel.set(storeName, Ext.create('Ext.data.Store', {
  41. fields: item.columns ? item.columns.filter(function(c) {
  42. return !!c.dataIndex;
  43. }).map(function(c) {
  44. return {
  45. name: c.dataIndex,
  46. type: 'string'
  47. }
  48. }) : [],
  49. data: []
  50. }));
  51. }
  52. });
  53. }
  54. return form.addItems(items);
  55. }else {
  56. return []
  57. }
  58. })
  59. .then(function(items) {
  60. form.fireEvent('afterSetItems', form, items);
  61. })
  62. .catch(function(response) {
  63. console.error(response);
  64. });
  65. },
  66. loadData: function(form) {
  67. }
  68. });