首页 > 其他分享 >Day19 待办事项功能页面完善以及显示优化

Day19 待办事项功能页面完善以及显示优化

时间:2024-06-06 17:34:15浏览次数:21  
标签:功能 渲染 待办 事项 数据 Day19 页面

本章节完善了待办事项增删改查功能,及优化 打开待办事项页面时,如果无数据则显示 默认的背景图片,否则显示数据等细节优化

待办事项优化和完善


 由于待办事项功能页,数据已正常渲染出来了。但页面新增,查询,修改,删除等功能还未实现。接下来实现待办事项的请求 Web Api 接口实现 CURD(增删改查)的功能。

一.待办事项查询搜索删除增加等功能实现

  • 根据渲染出来的待办事项数据列表,鼠标单击对应的待办事项时,查找出该条数据,同时打开编辑窗口并展示在编辑窗口中
  • 在搜索框中输入的参数或选择的待办事项状态,按下Enter 回车按键时,触发查询
  1. 首先把待办事项页修改成支持编辑的功能,

ToDoView.xaml 前端中,需要引入微软行为类 behaviors 命名空间

xmlns:i="http://schemas.microsoft.com/xaml/behaviors"

接着,要渲染列表数据的内容模板中,修改 Grid,增加一个行为触发器,让其支持编辑功能

标签:功能,渲染,待办,事项,数据,Day19,页面
From: https://blog.csdn.net/weixin_39237340/article/details/139470097

相关文章

  • LocalStorage页面级UI状态存储、将LocalStorage实例从UIAbility共享到一个或多个视图
    参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/arkts-localstorage-0000001524537149-V2#section13961833151713此处代码只精简了需要的importwindowfrom'@ohos.window';exportdefaultclassEntryAbilityextendsUIAbility{//共享LocalSto......
  • 如何使该页面对移动设备友好?
    这是背景徽标。GTA的3张标题图片在768px宽度下无法排成一列,媒体查询将它们设置为只有一列的网格。我以前这样做成功过,但在这里却行不通。.body{margin-top:0pt;margin-left:0pt;margin-right:0pt;margin-bottom:0pt;}.gta{background-image:url(......
  • vue框架页面外链进来加"/"拼接参数的使用及获取;PC及手机端的判断;
     一开始没有看懂,后来知道了 他的意思 就是在pages目录下的页面,如果需要通过比如'pages/qr/56'这种斜杠链接进入的话 就需要吧detail.vue页面变成目录结构,页面名称改为'_'+参数名;如下图 然后在_code页面可以通过如下方式获取code值进行操作:mounted(){constc......
  • HTML-页面布局
    HTML-页面布局1盒子模型盒子:页面中所有的元素(标签),都可以看做是一个盒子,由盒子将页面中的元素包含在一个矩形区域内,通过盒子的视角更方便的进行页面布局盒子模型组成:内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)盒子的大小,其实就包括三个部分:bo......
  • 华为matebook 14s笔记本,Chrome浏览器开启硬件加速,屏幕闪屏,黑框,页面屏幕卡死,解决
    解决办法使用了https://zhuanlan.zhihu.com/p/644296061这个连接下的最后一个折中办法解决!一、现象Chrome开启“硬件加速模式”后,在观看视频时,尤其是全屏时,会出现短暂黑屏或黑块或闪屏。如果关闭“硬件加速”,则会造成播放某些高清视频(例如HEVC)视频或弹幕卡顿(似乎还好)。Edge......
  • 【Web API DOM09】元素在页面中尺寸、位置获取
    一:如何获取宽高、位置1获取元素宽高offsetWidth和offsetHeight获取元素自身宽高,包含元素自身内容+padding+border获取可视宽高;如果盒子隐藏,获取结果为0获取的是数值型数据clientWidth和clientHeight获取元素可见部分宽高(不包含边框、margin、滚动条等)2获取元素位置off......
  • eladmin-mp 低代码生成后台页面和服务端java代码接口调研
    概述总体这个项目前端使用vue2,后端使用springbootgit地址https://github.com/elunez/eladmin-mp预览地址https://eladmin.vip/demo/#/sys-tools/generator数据表配置低代码下载生成后的前端代码示例生成的后端代码示例:这里可以配置生成自动放在项目的目录......
  • 分享几个移动端个人中心页面,既简洁又实用。
    ......
  • React刷新页面报错(404)
    报错原因:你在浏览器内可以由首页跳转到其他路由地址,是因为这是由前端自行渲染的,你在ReactRouter定义了对应的路由,脚本并没有刷新网页访问后台,是JS动态更改了location。当刷新时,首先是访问的后台地址,然后返回的页面内加载了React代码,最后在浏览器内执行;也就是说如果这个时候报40......
  • 微信小程序(uniapp)页面之间通信
    前言开发微信小程序,页面与页面之间少不了数据通信,一起来看看有哪些方法。以下是本篇文章正文内容,下面案例可供参考一、跳转路径?拼接参数适合数据量小的情况,如数据量大的情况不建议此方式。注意:如传递了number类型数据,接收回来的数据会转换成string类型/**A.vue**/......