`
wanggeying
  • 浏览: 66102 次
  • 性别: 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多列列表框图实时写入数据,数据变多时为实时监测让滚轴自动下滑监视最后一行或将数据一直写入第一行

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

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

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

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

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

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

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

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

    普中stm32 TFRLCD屏幕显示浮点数

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

    qt基于QOpenGLWidget显示图片

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

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

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

    QT数值显示控件全集

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

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

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

    易语言通用刷新显示

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

    Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+

    5. **动态更新**:由于消息数量可能会实时变化,所以BadgeView需要能够响应这些变化并实时更新显示。可以通过观察者模式或者使用LiveData、ViewModel等数据绑定机制,当未读消息数量发生变化时,通知BadgeView进行...

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

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

    STM32_ds18b20_oled显示

    1. **系统初始化**:配置时钟,设置GPIO端口为输入/输出,初始化定时器(如果使用定时器更新显示)。 2. **DS18B20初始化**:配置1-Wire总线,搜索DS18B20设备,发送复位脉冲,配置传感器的分辨率。 3. **读取温度...

    Qt自定义QLabel滚动显示文本文字,label可根据文本长度自动开启滚动显示

    滚动文本的实现通常涉及到定时器(如QTimer)和更新显示的逻辑。在`setAutoScroll()`中,可能会设置一个定时器,每隔一定时间更新QLabel的文本位置,给人一种滚动的效果。这可以通过重写`paintEvent()`函数来完成,...

    MLX90614红外温度传感器程序,并用液晶显示。

    从压缩包子文件的文件名称“液晶显示测温”来看,文件很可能包含了液晶显示的初始化代码、温度读取和处理的函数,以及可能的主循环程序,用于不断获取传感器数据并在屏幕上更新显示。 综合以上,这个项目的核心知识...

    行业分类-设备装置-使用显示图像的选择性更新来控制平台功率消耗.zip

    标题“行业分类-设备装置-使用显示图像的选择性更新来控制平台功率消耗”涉及到的核心技术是通过选择性更新显示图像来降低设备的功耗,这是一种节能策略,广泛应用于智能设备的电源管理。 显示图像的选择性更新是一...

Global site tag (gtag.js) - Google Analytics