Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   Checkbox в XTemplate (https://javascript.ru/forum/extjs/31769-checkbox-v-xtemplate.html)

_michael_ 20.09.2012 11:54
Checkbox в XTemplate
 
Может кто сталкивался с такой проблемой. Имеется XTemplate в нем checkbox, отображается без проблем, но отметить его нельзя.

var tpl = new Ext.XTemplate
(
<tpl for=".">
<input type="checkbox" />
</tpl>
);

Спасибо за помощь

nekto_O 20.09.2012 13:06
Честно не совсем понятен ваш случай, вот рабочий пример:
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<script src='http://docs.sencha.com/ext-js/4-1/extjs/ext-all.js'></script>
<link rel="stylesheet" href="http://docs.sencha.com/ext-js/4-1/resources/css/app.css" type="text/css" />
<script>
Ext.onReady(function() {
var tpl = new Ext.XTemplate('<tpl for=".">',
   '<input type="checkbox" />',
   '</tpl>'
);

var panel = Ext.create('Ext.Panel', {
    title: 'panel',
    width: 50,
    bodyStyle: 'padding: 3px',
    height: 50,
    renderTo: Ext.getBody()
});

panel.tpl = tpl;
panel.tpl.overwrite(panel.body, {});

});                   
</script>
</head>
<body></body>
</html>

хотя я бы на вашем месте использовал стандартный Ext-компонент...

_michael_ 20.09.2012 18:15
Спасибо за ответ. Проблема в том что, элемент управления отображается, но когда по нему кликаешь мышью, то checkbox не отмечается. В чем может быть проблема? Я использую Ext JS 3.4. Не могли бы Вы привести пример как использовать стандартный Ext-компонент в XTemplate.

nekto_O 24.09.2012 19:26
Цитата:
Сообщение от _michael_
Не могли бы Вы привести пример как использовать стандартный Ext-компонент в XTemplate.
под стандартным Ext-компонентом в данном контексте я подразумевал Ext.form.Checkbox, использовать можно например так:
new Ext.Panel({
    title: 'panel',
    width: 100,
    bodyStyle: 'padding: 3px',
    height: 100,
    items: [{
        xtype: 'checkbox'
    }],
    renderTo: Ext.getBody()
});


Часовой пояс GMT +3, время: 21:58.