`
wanggeying
  • 浏览: 66466 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

更新显示

阅读更多

点击二维列表任意一行,在弹出框中录入任何信息,实现二维列表及时更新

 

伪代码:

jsp:

<tr data-ng-repeat="data in pagedResultInfo.list">

   <td data-ng-click="ckEvent(this,'{{data.id}}', data);">//注意要传入data

   <label>

      <input type="checkbox" name="ckdict"  data-ng-checked="isSelected(data.id)" >

   </label>

   </td>

<td data-ng-click="queryValuePagedResult('{{data.id}}');"><a href="#">{{data.name}}</a></td>

<td>{{data.description}}</td>

</tr>

js:

var updateData = null;//声明一个对象

$scope.ckEvent=function($event, id, data){

updateData = data; //注意这个地方使用

$scope.isSelected = function(id){          

           return ckvalues.indexOf(id)!=-1; 

}

if(ckvalues.indexOf(id)>=0){

ckvalues.remove(id);

datas.remove($event.data);

}else{

ckvalues.push(id);

datas.push($event.data);

}

// console.log(ckvalues);

// console.log(datas);

}

 

/**

* 编辑

*/

$scope.editView = function() {

var id=ckvalues[0];

        $modal.open({

        templateUrl : urlManager.$staticViewUrls.$getUrl( 'static/basis/html/data/dictionary/key/update-view' ),

backdrop : 'false',

controller : ['$scope', '$modalInstance','DataDictionaryKeyService', function($scope, $modalInstance,dataDictionaryKeyService) {

 

 

//$scope.updateDataDictionaryKey = updateData; //这句话可做测试,看效果

//以下实现数据更新,并同步列表中显示

dataDictionaryKeyService.editView(id).success( function(responseData) {

var dataDictionaryKey = responseData['moreData']['data'];

$scope.updateDataDictionaryKey = updateData; 

$scope.updateOne = function(dataDictionaryKey) {

dataDictionaryKeyService.updateOne(id, dataDictionaryKey);

$modalInstance.dismiss( 'cancel' );

}

$scope.closeView = function() {

$modalInstance.dismiss( 'cancel' );

}

} )

 

}],

});

}

 

分享到:
评论

相关推荐

    WPF绑定Datagrid与Textbox等,包括自动通知UI更新显示

    本文将深入探讨如何将数据绑定应用于WPF的Datagrid和Textbox控件,实现数据的双向更新和UI的自动更新显示。 首先,我们要理解WPF中的数据绑定概念。数据绑定允许UI元素(如Datagrid和Textbox)与数据源进行连接,...

    Android 图片存入系统相册更新显示实例详解

    Android 图片存入系统相册更新显示实例详解 在开发android的过程中,我们避免不了可能会涉及到做一个自定义相册或则会去本地创建一个文件夹来存储我们需要的图片。拿相册来说,比如我们创建一个test的文件夹,拍完...

    基于QOpenGLWidget类的图片贴图自适应更新显示Demo

    在本示例中,我们将深入探讨“基于QOpenGLWidget类的图片贴图自适应更新显示Demo”。这个项目是使用Qt框架,特别是其OpenGL支持部分,来实现一个图像处理的应用。Qt5.12.7是这个项目的指定编译环境,采用MSVC2017...

    多列列表框更新显示.vi

    LABVIEW多列列表框图实时写入数据,数据变多时为实时监测让滚轴自动下滑监视最后一行或将数据一直写入第一行

    esp32S3 lvgl驱动驱动st7789 进行显示ntp实时更新的时间

    在23.LVGL_wifi_gettime文件中,可能包含了实现这些功能的代码示例,包括初始化配置、LVGL对象创建、NTP时间获取和更新显示等功能。通过阅读和理解这个示例代码,你可以更好地了解如何在实际项目中集成这些技术。 ...

    python tkinter GUI绘制,以及点击更新显示图片代码

    在本示例中,我们关注的是如何利用Tkinter来绘制GUI,并且实现点击按钮更新显示的图片。 首先,Tkinter的核心组件是窗口(root window),在这里用`Tk()`创建。`root.title("Draw GUI")`用于设置窗口的标题为“Draw...

    八个数码管显示实验,先是依次显示,然后循环显示

    - 更新显示内容时,根据当前显示计数器的状态决定是继续依次显示还是进入循环显示模式。 #### 知识点四:具体实现细节 1. **定时器设置**: - 使用内部定时器T0,在模式1下运行。 - 定时时间计算:通过修改...

    安卓手机上更新显示txt最新一行的悬浮窗

    可以无视权限读取任意位置(要root)的txt文件,而且当这个txt文件更新的时候,会跟着更新最后一行的文字.代码适合小白,添加了完整的详细的注释.先说清楚,我其实是 湖前琴亭 的 悬浮窗(超级赞)的基础上改进的.我这个版本...

    动态显示_CVI_基于CVI的动态显示文件_

    你可以考虑使用队列来缓存数据,避免频繁的内存分配,或者使用多线程来并行处理数据和更新显示。 通过以上步骤,你可以创建一个基于CVI的动态显示文件,实现实时跟踪X轴数据变化的图形界面。这样的应用程序对于监控...

    12864液晶显示(已完成)6.7滚动显示

    4. **更新显示屏**:每次滚动后,都需要将缓冲区的内容更新到显示屏上。这通常涉及通过串行接口发送数据到显示屏的特定地址。 5. **定时器控制**:为了实现平滑的滚动效果,可以使用微控制器的定时器来控制滚动的...

    普中stm32 TFRLCD屏幕显示浮点数

    4. 轮询或中断驱动:根据系统架构,可以采用轮询方式检查浮点数是否需要更新,或者使用中断服务程序在数据改变时立即更新显示。 此外,对于压缩包中的"31. FSMC-TFTLCD显示实验",这是一个实践教程或者代码示例,...

    qt基于QOpenGLWidget显示图片

    2. **重写paintEvent()**:当QOpenGLWidget需要更新其内容时,它会触发paintEvent()事件。我们需要重写这个函数,使用OpenGL API来绘制图片。这通常包括清除颜色缓冲区,加载图片数据到纹理对象,然后使用顶点和纹理...

    Android折线图多条数据实时动态更新,控制折线图上数据的精度

    每次有新的数据点时,只需更新对应的`LineDataSet`,然后调用此方法,图表会自动更新显示。这在数据流应用中非常有用,例如监控系统中的实时数据变化。 控制折线图数据的精度,主要是指决定图表显示多少个数据点。...

    SuperMap iMolile 8C for Android移动端修改数据服务,地图服务实时更新显示

    在野外数据采集时,通常会遇到多端数据同步的需求,本范例实现在 android 端通过绘制对象,并把对象添加到服务器上,同时也能通过 android 删除服务器上丌需要的要素,并做到及时更新并展示到 android 地图上

    PyQt5小Demo之实时刷新显示当前时间

    PyQt5小Demo之实时刷新显示当前时间,使用Python线程以及Qt自定义信号。

    QT数值显示控件全集

    通过设置其文本属性,可以动态更新显示的数值。 2. **QSpinBox**:数字选择器,用于选择或输入整数值。用户可以通过上下箭头按钮或直接输入数字来改变值。 3. **QDoubleSpinBox**:与QSpinBox类似,但用于浮点数。...

    0.96 OLED显示程序,只需要调用,就能显示

    4. 更新显示:当缓冲区内容准备好后,通过调用更新显示的函数,将缓冲区数据发送到OLED驱动芯片,进而控制OLED像素的亮灭状态,实现图像的显示。 5. I2C或SPI通信:OLED屏幕通常通过I2C或SPI接口与主控器(如...

    LCD1602显示程序

    - 更新显示内容:在每次循环中,需要将新的显示内容写入到LCD1602中。 ### 四、具体实现代码解析 #### 1. LCD1602控制引脚定义 - `SJKEQUP0`:数据总线引脚(P0口) - `RSEQUP2.1`:RS(寄存器选择)引脚映射到P...

    易语言通用刷新显示

    6. **刷新显示**:这是核心的更新显示操作,通常会结合前面提到的设备场景操作一起使用。它强制操作系统重绘窗口或者指定区域,确保用户看到的界面是最新的。 在实际编程中,开发者可能会结合这些功能来创建自定义...

    51单片机实现 定时器计数 数码管显示0到99.rar

    3. 动态扫描:在查询方式下,程序会依次点亮两个数码管,并在每个数码管点亮的时间内更新显示数值。而在中断方式下,定时器中断服务程序负责切换数码管的显示,主程序则继续执行其他任务。 4. 更新计数:定时器T0在...

Global site tag (gtag.js) - Google Analytics