Вот что есть...
==============
index.html
==============
<!DOCTYPE html>
<html>
<head>
<title>Hospital</title>
<script type="text/javascript" src='extjs/ext-all.js'></script>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src='app.js'></script>
</head>
<body>
</body>
</html>
===========
get.php
===========
<?php
$mysql = mysql_connect('localhost', 'root', '') or
die("Could not connect: " . mysql_error());
mysql_select_db('hospital');
$query = 'select * from patient';
$res = mysql_query($query);
while ($row = mysql_fetch_assoc($res)) {
$rows[] = $row;
}
echo json_encode($rows);
mysql_close($mysql);
?>
=======
app.js
=======
Ext.onReady(function() {
var gc = [
{ dataIndex: 'id', header: 'ID', /*hidden: true*/ },
{ dataIndex: 'first_name', header: 'Name' },
{ dataIndex: 'last_name', header: 'Surname' },
{ dataIndex: 'time_1', header: 'time_1' },
{ dataIndex: 'time_2', header: 'time_2' },
{ dataIndex: 'time_3', header: 'time_3' },
{ dataIndex: 'date', header: 'Date', flex: 1 },
],
sf = [];
for(var i=0; i<gc.length; i++) {
sf.push(gc[i].dataIndex);
}
Ext.define('User', {
extend: 'Ext.data.Model',
fields: sf
});
var store = Ext.create('Ext.data.JsonStore', {
model: 'User',
proxy: {
type: 'ajax',
url: 'get.php',
reader:
{
type: 'json'
}
}
});
Ext.create('Ext.grid.Panel', {
width: 700,
columns: gc,
renderTo: Ext.getBody(),
store: store
});
store.load();
});
Вопрос... Как зделать чтобы в time_1 выводилась кнопочка при нажатии на которою появлялся лайтбокс?