Форум

_michael_ · #1 (**permalink**) 20.09.2012, 11:54

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

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

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

nekto_O · #2 (**permalink**) 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_ · #3 (**permalink**) 20.09.2012, 18:15

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

nekto_O · #4 (**permalink**) 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()
});

Форум

Справочник

Discord чат

Курсы javascript