Freey ,
Например, так:<page xmlns=" http://www.intersystems.com/zen"  title="">
  <jsonSQLProvider id="json" sql="select 1 ID,10 Name union all select 2,111 union all select 3,2 union all select 4,1"/>
  <dataGrid controllerId="json" pageSize="2"/>
</page>

krvsa ,

Новые визуальные HTML5 ZEN-компоненты в СУБД Caché 2013.2

FreeyМожно ли регулировать размер колонок, так, чтобы они всю область компонента занимали, а не только по размеру теста в них.Можно (см. canResizeColumns).
FreeycolumnWidth не помог.У меня работает (2013.2).
FreeyТак же можно ли регулировать длину выделенной области по количеству строк?Можно (см. multiSelect и selectedRange)
FreeyКак реализовать реакция на на выбор строки?selectMode="cells"
FreeyТ.к. dataGrid в любом случае выделяет какую-либо ячейкуНе в любом (см. currRow и currColumn). Установите их в 0 и ничего не будет выделено.
Freey, то если пользователь хочет в первое же действие нажать на нее, система не среагирует на данный выбор.У меня реагирует (может зависеть от браузера).
Пример:XData Contents [ XMLNamespace = " http://www.intersystems.com/zen"  ]
{
<page xmlns=" http://www.intersystems.com/zen"  title="">
<jsonSQLProvider id="json" sql="select 1 ID,10 Name union all select 2,111 union all select 3,2 union all select 4,1"/>
<dataGrid
controllerId="json"
canResizeColumns="true"
columnWidth="200"
selectMode="cells"
multiSelect="true"
selectedRange="1,1,3,1"
onselectcell="zenPage.selectcell(row,col);"
currRow="1"
currColumn="2"
/>
</page>
}

ClientMethod selectcell(
  row,
  col) [ Language = javascript ]
{
  zenAlert('row=',row,'\ncol=',col);
}В документации к новой версии 2013.2 Вы найдёте более подробное описание этого компонента.

FreeyЯ видимо неправильно выразилась: имела в виду область вокруг таблицы, которая со стрелками. Ширина фиксируется width, а вот height (регулировка длины) не хочет работать.XData Style
{
<style type="text/css">
#dg {
  width: 620px;
  height: 100px;
}
</style>
}

dataGrid id="dg" />
FreeyПри генерации данных для таблицы через jsonSQLProvider данные не записываются в скрытый столбец. Можно это как-то исправить?Можно тестовый пример?

FreeyПри генерации данных для таблицы через jsonSQLProvider данные не записываются в скрытый столбец. Можно это как-то исправить?Что Вы здесь понимаете под "данные не записываются в скрытый столбец"? В базу не записываются?

Из последнего примера кода непонятно, что именно не работает и как Вы определяете факт "незаписи".

Freey ,
  <jsonSQLProvider id="json" sql="select 1 ID, 10 Caption1, 11 Caption2 union select 2, 20, 22 union select 3, 30, 33 union select 4, 40, 44"/>
  <dataGrid
    controllerId="json"
    valueColumn="1"
    id="table"
    selectMode="rows"
    multiSelect="false"
    pageSize="20"
    currRow="0"
    currColumn="0">
    <columnDescriptor hidden="true" value="=[@ID]"/>
    <columnDescriptor caption="Caption1" value="=[@Caption1]"/>
    <columnDescriptor caption="Caption2" value="=[@Caption2]"/>
  </dataGrid>

FreeyСкажите, у меня фильтрация по скрытому столбцу не происходит. Это как-то исправляется?Сейчас фильтрация происходит на клиенте на основе дескрипторов столбцов, невидимые из которых исключаются из этого процесса. Но можно создать свой собственный компонент на основе <dataGrid>.
Или использовать параметризированный запрос, например, так:Для работы этого примера нужен патч<page xmlns=" http://www.intersystems.com/zen"  title="">
  <jsonSQLProvider id="json" sql="select * from (select 1 ID, 10 Caption1, 11 Caption2 union select 2, 20, 22 union select 3, 30, 33 union select 4, 40, 44) where ID between ? and ?">
    <parameter paramName="p1" value="3"/>
    <parameter paramName="p2" value="4"/>
  </jsonSQLProvider>
  <dataGrid  controllerId="json">
    <columnDescriptor caption="ID" value="=[@ID]"/>
    <columnDescriptor caption="Caption1" value="=[@Caption1]"/>
    <columnDescriptor caption="Caption2" value="=[@Caption2]"/>
  </dataGrid>
</page>

FreeyКак получить Id объекта при выборе строки в dataGrid?При скрытом поле ID, например, так:  <jsonSQLProvider id="json" sql="select -1 ID, 10 Caption1, 11 Caption2 union select -2, 20, 22 union select -3, 30, 33 union select -4, 40, 44"/>
  <dataGrid
    controllerId="json"
    onselectcell="zenAlert(zenThis.getCellExternalData(row-1,'ID'));"
    >
    <columnDescriptor value="=[@ID]" hidden="true"/>
    <columnDescriptor caption="Caption1" value="=[@Caption1]"/>
    <columnDescriptor caption="Caption2" value="=[@Caption2]"/>
  </dataGrid>