如何用 picker 级联做级联

iOS PickerView整合,一行代码调用(省市区三级联动+日期选择+普通选择) - 简书
iOS PickerView整合,一行代码调用(省市区三级联动+日期选择+普通选择)
更新:支持CocoaPods安装,pod 'MOFSPickerManager'即可一、效果预览图如下:
二、用法1.日期选择器调用(有多种调用方式,看demo即可)
[[MOFSPickerManager shareManger] showDatePickerWithTag:1 commitBlock:^(NSDate *date) {
} cancelBlock:^{
参数说明* @param title : 中间标题,一般为nil* @param cancelTitle : 左边标题 “取消”* @param commitTitle : 右边标题 “确定”* @param firstDate :第一次点击的时候显示的日期* @param minDate : 可选择的最小日期,不限制则为nil* @param maxDate : 可选择的最大日期,不限制则为nil* @param tag : 同一个界面显示多个日期选择器的时候,能够记住每一个选择器最后选择的日期(注意:不要使用相同的tag值)* @param model : UIDatePickerMode 日期模式,有四种 UIDatePickerModeTime,
UIDatePickerModeDate, UIDatePickerModeDateAndTime, UIDatePickerModeCountDownTimer2.普通选择器调用
[[MOFSPickerManager shareManger] showPickerViewWithDataArray:@[@"疾风剑豪",@"刀锋意志",@"诡术妖姬",@"狂战士"] tag:1 title:nil cancelTitle:@"取消" commitTitle:@"确定" commitBlock:^(NSString *string) {
} cancelBlock:^{
3.地址选择器调用
[[MOFSPickerManager shareManger] showMOFSAddressPickerWithTitle:nil cancelTitle:@"取消" commitTitle:@"完成" commitBlock:^(NSString *address, NSString *zipcode) {
} cancelBlock:^{
地址选择器附带根据地址查询区域码或者根据区域码查询地址功能:用法:【注意:一定要用“-”间隔,可查询省份例如传参"450000";或者省份+城市例如"900";也可以查省+市+区例如"900-450921"。根据地址查区域码以此类推。】①根据区域码查询地址
[[MOFSPickerManager shareManger] searchAddressByZipcode:@"900-450921" block:^(NSString *address) {
NSLog(@"%@",address);
②根据地址查询区域码
[[MOFSPickerManager shareManger] searchZipCodeByAddress:@"河北省-石家庄市-长安区" block:^(NSString *zipcode) {
NSLog(@"%@",zipcode);
三、配置:1.将MOFSPickerManager跟GDataXMLNode这两个文件夹拖到工程;2.添加libxml2.2.tbd
3.Header Search Paths添加/usr/include/libxml2
4.GDataXMLNode.m添加-fno-objc-arc
5.Other Linker Flags添加-lxml2
一沙一世界,一花一天堂,掌中存无限,刹那成永恒……主题 : pickerview如何做成联动的
级别: 新手上路
可可豆: 9 CB
威望: 9 点
在线时间: 2(时)
发自: Web Page
pickerview如何做成联动的&&&
自定义pickerview ,有两列,如何设置联动,让第二列内容随着第一列的内容改变而改变,并且把最终内容显示在屏幕上
级别: 侠客
可可豆: 673 CB
威望: 681 点
在线时间: 276(时)
发自: Web Page
可以在第一列内容滑动完成后,手动去设置第二列应该显示的行。全靠pickerview自动设置,不知道能不能实现。
级别: 新手上路
可可豆: 9 CB
威望: 9 点
在线时间: 2(时)
发自: Web Page
怎么设置它俩的联动规则,是间隔四个小时呢
级别: 问答区版主
可可豆: 7001 CB
威望: 7001 点
在线时间: 2860(时)
发自: Web Page
在pickerView:didSelectRow:inComponent:方法中,若component是0(第一列),则用代码调用selectRow:inComponent:animated:方法。就可以了。
不太清楚您说的“间隔四个小时“是什么意思,请详细描述。
级别: 新手上路
可可豆: 9 CB
威望: 9 点
在线时间: 2(时)
发自: Web Page
总共两列,第一列和第二列的时间差&=4,,比如 第一列是06:00 第二列的内容是10:00 或者11:00 。他俩之间联动,并且最终label.text=06:00-10:00
级别: 新手上路
可可豆: 55 CB
威望: 55 点
在线时间: 169(时)
发自: Web Page
code4app上面有demo,全国城市的联动,自己去下载看看
级别: 侠客
可可豆: 345 CB
威望: 284 点
在线时间: 381(时)
发自: Web Page
在pickerView:didSelectRow:inComponent:方法中指定另一列的数据源依据的NSArray。
这个没法帮你,因为数据源依据的NSArray只有您自己清楚。
&
再调用selectRow:inComponent:animated:方法选择该列显示时需要选中的行
&
最后reloadComponent该列数据
&
参考代码:
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
if (component==kStateComponent) {
NSString *selectedState=[self.states objectAtIndex:row];
NSArray *array=[stateZips objectForKey:selectedState];
self.zips=
[picker selectRow:0 inComponent:kZipComponent animated:YES];
[picker reloadComponent:kZipComponent];
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版&>&仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果
仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果
上传大小:134KB
仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果
综合评分:0(0位用户评分)
所需积分/C币:
下载个数:10
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var q = $("#form1").serializeArray();
console.log(q);
var res_area_r = $.trim($(".res_area_r").val());
if (res_area_r == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
var mess = $(".res_area_r").val();
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
$(".res_area_r").val($.trim($(".res_area").val()));
评论共有0条
审核通过送C币
Android原生、混合新闻客户端源码汇集
创建者:mpegfour
gradle离线下载集合
创建者:zyq
微信商城专辑
创建者:velada
上传者其他资源上传者专辑
获取全国城市列表类似于联系人排序
Android RecyclerView横向滑动+自动轮播
Andriod 自定义 RecyclerView 打造超强 Gallery效果 完整实例源码
Andriod 自定义 HorizontalListView 打造超强 Gallery效果 完整实例源码
酷炫的Activity切换动画,包含慧教育框架
移动开发热门标签
VIP会员动态
下载频道用户反馈专区
下载频道积分规则调整V1710.18
开通VIP,海量IT资源任性下载
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
CSDN&VIP年卡&4000万程序员的必选
为了良好体验,不建议使用迅雷下载
仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果
会员到期时间:
剩余下载个数:
剩余C币:593
剩余积分:0
为了良好体验,不建议使用迅雷下载
积分不足!
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
全站1200个资源免积分下载
为了良好体验,不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
全站600个资源免积分下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足,将扣除 10 C币
全站1200个资源免积分下载
为了良好体验,不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限,免积分下载
你下载资源过于频繁,请输入验证码
你下载资源过于频繁,请输入验证码
您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:!
若举报审核通过,可奖励20下载分
被举报人:
shenggaofei
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:
仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果&>&用NumberPicker实现二联动滚轮选择
用NumberPicker实现二联动滚轮选择
上传大小:2.87MB
超简单的代码,只适合新手
只是两个NumberPicker显隐藏的事
综合评分:3.5(2位用户评分)
所需积分/C币:
下载个数:134
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var q = $("#form1").serializeArray();
console.log(q);
var res_area_r = $.trim($(".res_area_r").val());
if (res_area_r == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
var mess = $(".res_area_r").val();
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
$(".res_area_r").val($.trim($(".res_area").val()));
评论共有2条
学到很多,谢谢分享。。。
虽然用得少,但是还是感谢你
审核通过送C币
Android原生、混合新闻客户端源码汇集
创建者:mpegfour
gradle离线下载集合
创建者:zyq
微信商城专辑
创建者:velada
上传者其他资源上传者专辑
移动开发热门标签
VIP会员动态
下载频道用户反馈专区
下载频道积分规则调整V1710.18
开通VIP,海量IT资源任性下载
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
CSDN&VIP年卡&4000万程序员的必选
为了良好体验,不建议使用迅雷下载
用NumberPicker实现二联动滚轮选择
会员到期时间:
剩余下载个数:
剩余C币:593
剩余积分:0
为了良好体验,不建议使用迅雷下载
积分不足!
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
全站1200个资源免积分下载
为了良好体验,不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
全站600个资源免积分下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足,将扣除 10 C币
全站1200个资源免积分下载
为了良好体验,不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限,免积分下载
你下载资源过于频繁,请输入验证码
你下载资源过于频繁,请输入验证码
您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:!
若举报审核通过,可奖励20下载分
被举报人:
zhangxu0922
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:
用NumberPicker实现二联动滚轮选择涓婚? : UIPickerView鐪佸競浜岀骇鑱斿姩
绾у埆: 鏂版墜涓婅矾
鍙?彲璞

我要回帖

更多关于 jqueryui picker级联 的文章

 

随机推荐