Xamarin.Forms listview中的button按钮,实现带着参数返回上一级页面
今天在做列表显示的时候遇到一个问题,就是在ListView中如何才能让一个button的按钮工作并且包含参数呢?
其实有点类似于rep里的控件无法起获取一样。在Xamarin中,当你button绑定事件并不包含在listview的数据源中,那么这个按钮的事件便是无效的。
那么该怎么解决呢?找了一下午终于找到了解决方案
xaml:
<AbsoluteLayout IsVisible="True" HorizontalOptions="EndAndExpand">
<renderers:CiCoButton x:Name="ButtonName" BorderRadius="2" BackgroundColor="{StaticResource color}" HeightRequest="36" WidthRequest="36"
AbsoluteLayout.LayoutFlags="PositionProportional" AbsoluteLayout.LayoutBounds=".5,.5,-1,-1" TextColor="White" Command="{Binding Path=BindingContext.functionName, Source={x:Reference Name=ListviewName}}"
CommandParameter="{Binding Id}" />
<Image Source="ic_add_white" AbsoluteLayout.LayoutFlags="PositionProportional" AbsoluteLayout.LayoutBounds=".5,.5,-1,-1"/>
</AbsoluteLayout>
问题的关键在于,Button怎么存数据和如何找到ViewModel中的Command方法
在网上找到这么一种绑定的写法“
{Binding Path=BindingContext.functionName, Source={x:Reference Name=ListviewName}}
”
Path 指的是你的方法名,BindingContext相当于你的上下文,然后用它点出来你的ViewModel中的方法名,后面则是要把数据绑定到哪里,那么,Name,理所应当就是你所在listview中的名字了
ViewModel:
private ICommand _backCommand; public ICommand BackCommand
{
get
{
return _backCommand ?? (_backCommand = new Command<string>(async (id) => {await BackPage(id);}));
}
} private async Task BackPage(string id)
{
var page = Navigation.NavigationStack.FirstOrDefault(p => p is OutPage);
var vm = page.BindingContext as OutViewModel;
if (vm != null)
{
// 你想要做的事情
}
else
{
"Can't find ".ToToast();
}
await Navigation.PopAsync(true);
}
那么,Viewmodel中的command方法就要这样写了,new Command<string>(async (id) => {await BackExamStaffPage(id);} 这里对应着page中Button的CommandParamete
Navigation.NavigationStack.FirstOrDefault(p => p is OutPage);从所有打开的页面中,找到你想要返回的上一个页面(当然如果你不需要参数的话直接Pop就好了)
page.BindingContext as OutViewModel; 利用BindingContext转换为你需要的ViewModel,那么,再接下来,你想干嘛都可以楼
Xamarin.Forms listview中的button按钮,实现带着参数返回上一级页面的更多相关文章
- Xamarin.Forms ListView点击按钮刷新最新数据
最近在研究Xamarin的东西,做到ListView遇到了一些瓶颈,像在数据庞大的情况下,该怎么针对ListView中的数据分组呢? 基于能力有限的问题,暂时写了一个只可以实现功能的临时解决方案,毕竟 ...
- Android处理ListView中的Item中的Button按钮不能点击的问题
问题描述:ListView列表中的Button按钮按钮不能点击 解决办法:在ListView中的Item项的布局文件中加上:android:descendantFocusability="b ...
- 如何在MFC界面开发中响应Button按钮的Down和Up事件
通过尝试有两种方案可以解决这个问题,第一种方案是通过PreTranslateMessage函数在调度消息之前对消息类型进行筛选,第二种方案是重载CButton类,在重载后的类CForTestButto ...
- android中在java代码中设置Button按钮的背景颜色
android中在java代码中设置Button按钮的背景颜色 1.设置背景图片,图片来源于drawable: flightInfoPanel.setBackgroundDrawable(getRes ...
- 在datagridview中添加button按钮
.Net的DataGridView控件中,提供了一种列的类型,叫 DataGridViewButtonColumn ,这种列类型是展示为一个 按钮,可以给button赋予相应的text,并且,此but ...
- 菜鸟的Xamarin.Forms前行之路——实现按钮的字体图标(可扩展)
在实际的APP中,带有图标的按钮用到地方还是蛮多的,字体图标往往能更快更生动的传达信息,并且相对于背景图片,字体图标也有着绝对的优势,所以实现按钮的字体图标是值得尝试的. 实现方法:各平台自定义渲染按 ...
- listView中的button控件获取item的索引
在listview中的listitem设置事件响应,如果listitem中有button控件,这时候listitem就不会捕获到点击事件,而默认的是listitem中的button会捕获点击事件.那么 ...
- [Android学习笔记]ListView中含有Button导致无法响应onItemClick回调的解决办法
转自:http://www.cnblogs.com/eyu8874521/archive/2012/10/17/2727882.html 问题描述: 当ListView的Item中的控件只是一些展示类 ...
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
最近几天,测试系统,遇到一个兼容性问题,form中有一个button按钮,没有指定type类型,点击按钮弹出框选择值之后回填给form上的一个单行文本框,在IE6.IE7.IE8.IE9.IE10中测 ...
随机推荐
- Visual Studio 2013中因Browser Link引起的Javascript错误
参考文章:http://www.cnblogs.com/daxnet/archive/2013/10/27/3391146.html Browser Link功能会引起js异常.在调试右侧的三角下拉选 ...
- android必须要进行为不同分辨率设备切图
以分辨率为1920×1080的android设备为例.在项目中加载资源的位置为xxhdpi文件夹: 例如将图片放入mdpi文件夹中就会出现,图片的横纵尺寸分别乘3被的后果,因为它认为在这个文件夹中是低 ...
- MVC 关于easyui-datebox 赋值问题
view <script type="text/javascript"> $(function () { var date = '@ViewData["end ...
- zx一篇让Java程序猿随时可以翻看的Oracle总结
一篇让Java程序猿随时可以翻看的Oracle总结 前言:Oracle学习也有十几天了,但是呢,接下来还要学习许多其他的东西,并不能提步不前,所以在此总结了以下Oracle中常用的命令和语句,没有语法 ...
- 关于移动app开发的一些不错的站点
1. http://www.androiddevtools.cn Android Dev Tools官网地址:www.androiddevtools.cn 收集整理Android开发所需的A ...
- 使用async 和 await方法来
先看直接的代码请求方式地啊: 这里是我们同步方法的实现: using System; using System.Collections.Generic; using System.Diagnostic ...
- 使用HTML5技术控制电脑或手机上的摄像头
移动设备和桌面电脑上的客户端API起初并不是同步的.最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上.其中一个应用接口技术就是getUserMedia API,它 ...
- EasyUI树和Ztree树冲突问题
1.今天做项目的时候出现了如下的错误. 报错:TypeError: $(...).tree is not a function 代码如下: 这是EasyUI的页面部分 $(function(){ $( ...
- 运行maven项目
- AngularJS 2.0
https://angular.io/docs/ts/latest/guide/learning-angular.html QuickStart: git clone https://github.c ...