Форум программистов
 
Расширенный поиск
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 02.01.2017, 14:09   #1
polin11
Пользователь
 
Регистрация: 07.06.2015
Сообщений: 17
Репутация: 10
По умолчанию ember_js click event

Пытаюсь изучать фрэймворк ember.js. После создания нового приложения добавляю компонент game-line.
В шаблон Application.hbs добавляем{{game-line}}. Шаблон game-line.hbs состоит
<div id='target'></div>
game-line.js состоит

Код HTML:
import Ember from 'ember';

export default Ember.Component.extend({
     cell:9,
	didInsertElement: function(){
		this.drawTable();
	},
	drawTable: function(){		
		let html=" <table id='table'  border=1px>"
        for(let i=0;i<this.get('cell');i++)
        {    
            for(let j=0;j<this.get('cell');j++)
               html+="<td  id='_"+i+'^'+j+"'>&nbsp;&nbsp;&nbsp;</td>"
             html+="<tr/>"
       }
       html+="</table>";
       document.getElementById('target').innerHTML=html;
	},
	click: function() {  //обработка клика мыши в любой области, нужно только в таблице
		console.log('get click')
	},
});
Происходит рисование таблицы, нужно написать обработчик события нажатия по ячейке данной таблице, узнать id ячейки, как это сделать
polin11 вне форума   Ответить с цитированием
Старый 12.02.2017, 11:29   #2
polin11
Пользователь
 
Регистрация: 07.06.2015
Сообщений: 17
Репутация: 10
По умолчанию

Спасибо за помощь, возник вопрос
Нужно нарисовать таблицу после того, как пользователь введет размер таблицы
Решил изменить шаблон game-line.hbs состоит
Код:

{{yield}}
<strong>Enter number cells=</strong><input type="text" id='get_cells' size='5' value="9" id='get_cells'>
<br/>
<button {{action "click_button"}}>CLick and get result</button>
<br/>
<br/>
<table border="1" class='square'>
{{#each tableRows as |singleRow|}}
   <tr {{action 'clickHandler' singleRow }} >
   {{#each tableCols as |singleCol|}}
    <td class='cell' {{action 'clickHandler' singleCol }} id='{{singleRow}}{{singleCol}}' >
 </td>
{{/each}}
</tr>
{{/each}}
</table>

game-line.js состоит

Код:

import Ember from 'ember';
export default Ember.Component.extend({
    //tableRows:[0,1,2, 3, 4,5,6,7,8],
    //tableCols:[0,1,2, 3, 4,5,6,7,8],
    tableCols:[],
    tableRows:[],
	actions:{
      click_button()
      {
         this.cell=parseInt(get_cells.value);
         for (let i = 0; i < this.cell; i++)
         {
             this.tableRows.push(i);
             this.tableCols.push(i);
         } 
      }
   },
})

polin11 вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Button.Click и Label.Click Hinc Общие вопросы Delphi 7 17.05.2016 22:14
WorksheetChange Event geoandpor Microsoft Office Excel 6 02.03.2011 17:50
Event на класс JAD! Общие вопросы по Java, Java SE 1 18.10.2010 11:56
Event... MyLastHit Общие вопросы Delphi 5 31.07.2010 01:35




22:35.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru