我从过去10天开始研究yii框架.我在我的项目中做了很多,但我坚持一个问题.在下表中,当我单击任何一行时,它应该在
jquery对话框中获取所选行的数据,并且当单击表格工具栏上的编辑按钮时应该打开它.
例如,当我用户单击列出的行中的任何行时,它将突出显示,如果单击编辑按钮,则应打开包含所选行数据的对话框表单.
这是我的代码…..
<table class="display" id="dt3">
<ul class="table-toolbar">
<li><a href="#" id="create-user"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/icons/basic/plus.png" alt="" /> Add</a></li>
<li><a href="#"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/icons/basic/delete.png" alt="" /> Delete</a></li>
<li><a href="#" id="create-user2"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/icons/basic/edit.png" alt="" /> Edit</a></li>
</ul>
<ul>
<table class="display" id="dt4">
<tr>
<?php
$dataProvider=new CActiveDataProvider('Station');
$this->widget('zii.widgets.grid.CGridView', array
(
'dataProvider'=>$dataProvider,
'itemsCssClass'=>'display',
'summaryText'=>'',
'rowCssClass'=>array('odd gradeX','even gradeC'),
'htmlOptions'=>array('class'=>'display'),
'columns'=>array(
array
(
'name'=>'Station Name',
'value'=>'$data->Station_Name',
),
array
(
'name'=>'Status ',
'value'=>'$data->Status_value',
),
array
(
'name'=>'Description ',
'value'=>'$data->Station_Description',
),
array
(
'name'=>'Order ID ',
'value'=>'$data->OrderID',
),
array
(
'name'=>'Updated By ',
'value'=>'$data->Updated_by',
),
),
)
); ?>
</tr>
</table>
</ul>
</table>
<div id="dialog-form" title="Add/Edit Station" class="box-content" style="height: 100px">
<form action="index.php?r=setting/stations" method="POST">
<div class="form-row">
<label class="form-label">Station Name</label>
<div class="form-item">
<input type="text" name="station_name" />
</div>
</div>
<div class="form-row">
<label class="form-label">Description</label>
<div class="form-item">
<input type="text" name="station_description"/>
</div>
</div>
<div class="form-row">
<label class="form-label">Order Id</label>
<div class="form-item">
<input type="text"name="order_Id" />
</div>
</div>
<div class="form-row">
<label class="form-label">Updated By</label>
<div class="form-item">
<input type="text" name="updated_by" />
</div>
</div>
<ul style="float:right;">
<li style="float:right;"><a href="#"><input type="submit" class="button small green" value="Add Station"></a></li>
</ul>
</form>
</div>
最佳答案 您应该为CGridView配置添加一个id属性:
'id' => 'station-grid',
然后,在您的javascript代码中的任何一点,您都可以获得当前选定的行:
var selected = $('#station-grid').yiiGridView('getSelection');
例如,您可以在网格的每个tr上的单击处理程序中使用上述内容.这取决于你,如何将它集成到你的JavaScript中.