Шаг 3. НастройкаExtJS и РНР

Включает соединение коннекторов друг с другом, с помощью которых и осуществляется передача данных из БД.

Скачиваем библиотеку с официального сайта ExtJS [8] и копируем на веб-сервер. Из большого списка готовых компонентов [9] выбрана таблица Grid with Live Search Capability, так как в ней уже реализован поиск, выделение строки при наведении мыши, сортировка по убыванию и возрастанию, скрытие/отображение полей.

На веб-сервере в папке с ExtJS, в подпапке с табличным компонентом создаем файл lndex.html, где подключаем все необходимые файлы и библиотеки (см. листинг 2), а также вносим поправки в основном файле live-search-grid. js [10].

Листинг 2. Подключение библиотек и файлов

<title>Inventory PC</title> clink rel="stylesheet" type="text/css" href="/examples/shared/example. css"/> dink rel="stylesheet" type="text/css" href="/examples/ux/css/LiveSearchGridPanel. css"/> <script type=”text/javascript" src="/examples/ux/LiveSearchGridPanel. js"></script> <script type="text/javascript" src="/examples/ux/statusbar/StatusBar.js"></script> <script type=”text/javascript" src="/ext-all-debug. js"></script>
<script type="text/javascript" src="/ext-all.js"></script> <script type="text/javascript" src="/examples/shared/examples.js"></script>

<script type="text/javascript" src="Table/table. js"></script> <script charset="utf-8" src=”Print/ux/grid/Printer.js"></script>

<script charset="utf-8" src=”ux/exporter/Exporter. js"></script>

<script type=”text/javascript" src="font/cufon-yui. js"></script>

<script type=”text/javascript" src=”font/DynarShadow_700. font. js"></script>

<script type="text/javascript">Cufon.replace("hi”);</script>

Коннектор Jason в ExtJS не умеет напрямую соединяться с БД, поэтому связующим звеном (посредником) между таблицей Grid with Live Search Capability и запросом на выборку в БД SQL Server является РНР-коннектор, в файлах которого указывается тип работы с данными (см. листинг 3). Коннектор Jason настраивается в файле live-search-grid. js [11].

Листинг 3. Код РНР для связи с запросом в БД <?php

$аа = array ();

// Connect to MSSQL

$link = mssql_connect(............................ );

//connect to database mssql_select_db (.. );

$sql = "select ResourcelD, [PC Name], BIOS, HDD from dbo.v_INVENTORY_HFRDVARE”;

$result = mssql_query($sql); while ($row = mssql_fetch_assoc($result))

{ $output[]=$row; }

$aa['data']=$output;

$aa['success']=true;

$result = json_encode($aa); echo $result;

?>

Проделанных действий достаточно для отображения со­бранных данных. Связка MS SQL Server + РНР + ExtJS настро­ена корректно. В результате получаем быстро работающую программу с современным интерфейсом при минимальных знаниях в программировании (см, рис. 5). Имея точный на­бор параметров ИТ-активов компании, можно провести ана­лиз и включить в планы закупок устаревшее оборудование.

Forpost — компьютерный интернет-магазин в Туле