2016-04-27 3 views
0

Как слушать для изменения размеров столбцов в следующей модели колонки:ExtJS columnmodel, колонны подгоняя

new Ext.grid.ColumnModel({ 
    columns : [{ 
      }] 

Я попытался изменить размер, columnresize, oncolumnresize. Ни один из них не прослушивает изменение ширины в столбце. Я хочу прослушать изменение ширины столбца и выполнить действия соответственно.

$(element).width().bind('change',...); 
$(element).bind('resize', function() { 

Я также пробовал вышеуказанные варианты, и они не работают.

Могу ли я прослушивать прослушиватели столбцов или обрабатывать его в jquery. Что можно сделать и что работает правильно?

Примечание: Я думаю, что моя ExtJS версия 3

+0

Если вы хотите узнать, какую версию extjs у вас есть, откройте приложение в Chrome, нажмите F12 на клавиатуре, чтобы открыть инструменты разработчика, CTRL + O, чтобы просмотреть файл le js, теперь найдите ext-all.js или ext -все-debug.js. В заголовке вы увидите: Этот файл является частью Ext JS 3.4. После этого вы сможете добавить extj3 в свой тег StackOverflow. Надеюсь, эта помощь. –

+0

Спасибо @MichaelLane, я видел версию, ее шахта 3 –

ответ

1

Я использовал listeners свойство для column слушать resize событие для его достижения:

columns : [{ 
      text: 'Name', 
      dataIndex: 'Name', 
      flex: 1, 
      listeners:{ 
       resize:function (ct, width, eOpts) { 
         //your code goes here 
       } 
       } 
      }] 
+0

is extjs3, изменение размера не является событием для столбца. –

0

Если вы используете ExtJS 3, вы должны смотреть в документы для ExtJS 3.4.0, а не в новые документы.

И если вы сделаете это, вы увидите that there are only very few events available on columns, and resize isn't one of them.

Теперь вы можете прекратить поиск, но если бы я был вами, я бы не стал.

Потому что, если вы посмотрите на ColumnModel, вы найдете событие widthchange, который делает огонь, когда ширина столбца изменяется программно, и что очень Docs запись содержит ссылку на событие вы поиск, который columnresize на GridPanel (!).

+0

, но это не поможет, потому что я не использую панель сетки. Я также видел событие changechange, но он не срабатывает, когда пользователь изменяет размер пользовательского интерфейса. Так есть ли другой способ или любой тип jquery, может ли он работать? –

Смежные вопросы