angular.js数据表格的增删改查问题

小小猪pig 发布于 2018/01/11 09:29
阅读 124
收藏 0

有谁做过angular.js的增删改查的,麻烦指导一下啊,怎么样将每行生成的id区分开来,要id来做操作呢

 

加载中
0
小小猪pig
小小猪pig

如图所示:点击修改的按钮,前面的两列是变成可编辑的状态,但是现在不管点击哪一行改变的都只是第一行,这个是动态生成tr的时候把id生成的都是一样的了,有没有什么办法让id生成不一样的,我使用$index来拼接的发现也不管用。请大神帮忙,在线急等。。

小小猪pig
小小猪pig
@vikon 回复@vikon : <tr class="grid-tr" ng-repeat="list in processList"> <td style="width:327px;"> <span id="operationTime{{list.objNo}}">{{list.objTime}}</sp...
vikon
vikon
感觉应该发一下拼接那一块的代码.那段html模板
0
小小猪pig
小小猪pig

<tr class="grid-tr" ng-repeat="list in processList">
                                    <td style="width:327px;">
                                    
                                    <span id="operationTime{{list.objNo}}">{{list.objTime}}</span>
                                    <span id="operationTimeOne{{list.objNo}}" style="display:none;">
                                        <input style="height:30px;" type="text" value="{{list.objTime}}"  ng-model="handleTimeBegin" 
                                            ui-date="{dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true}" 
                                            ui-valid="datetime date:range:handleTimeEnd:+0" id="handleTimeBegin" />
                                    </span>
                                     </td>
                                    
                                    <td style="width:327px;">
                                    
                                    <span id="objName{{list.objNo}}">{{list.objName}}</span>
                                    <span id="objNameOne{{list.objNo}}" style="display:none;">
                                          <select style="width:150px;" id="work_select" ng-model="workMatter">
                                                <option  value="" selected="selected">全选</option>
                                                <option ng-repeat="x in workMatters" value="{{x.code}}">{{x.name}}</option>
                                          </select>
                                    </span>
                                    
                                    </td>
                                    <td><span><a href="#">{{list.objName}}</a></span></td>
                                    <td>
                                    <span id="operate{{list.objNo}}">
                                    <a ng-click="deleteProcess('{{list.objNo}}')" href="#">删除</a> 
                                    &nbsp;&nbsp;&nbsp; 
                                    <a ng-click="modify('{{list.objNo}}')" href="#">修改</a>
                                    </span>
                                    <span id="operateone{{list.objNo}}" style="display:none;">
                                    <a ng-click="save('{{list.objNo}}')" href="#">保存</a> 
                                    &nbsp;&nbsp;&nbsp; 
                                    <a  ng-click="cancel('{{list.objNo}}')" href="#">取消</a>
                                    </span>
                                    </td>
                                </tr>

 

这个是拼接的代码,本来想用编号拼接在后面的,但是编号又不是唯一的,这个还是很蛋疼

小小猪pig
小小猪pig
@vikon 回复@vikon : 好的,我可以试试
vikon
vikon
首先你还是得知道哪个是唯一的吧?编号?id? 直接在ng-click里面用 ng-click="deleteProcess(list)" 这样应该就可以找到对应的那条记录来操作
0
大賢者
大賢者

我用easyui的datagrid

小小猪pig
小小猪pig
回复@styleman : 以前用的是那个
返回顶部
顶部