Pull to refresh on UITableView Inside a UIViewController

Question

I am trying to implement the pull to refresh functionality in my application. The architecture is such that the there is a UITableView inside a UIViewController. I want to be able to refresh the tableview on pull down. I tried the code below in the viewDidLoad method, but it does not work. Can any one tell me where am I wrong in implementation?

UIRefreshControl *refresh = [[UIRefreshControl alloc] init];
    refresh.tintColor = [UIColor grayColor];
    refresh.attributedTitle = [[NSAttributedString alloc] initWithString:@"Pull to Refresh"];
    [refresh addTarget:self action:@selector(get_vrns) forControlEvents:UIControlEventValueChanged];
    [self.vrnTable addSubview:refresh];

possible duplicate of [UIRefreshControl without UITableViewController](http://stackoverflow.com/questions/12497940/uirefreshcontrol-without-uitableviewcontroller) — Amar, Nov 22 '13 at 06:53
possible duplicate of [Pull to refresh UITableView without UITableViewController](http://stackoverflow.com/questions/10291537/pull-to-refresh-uitableview-without-uitableviewcontroller) — Lanorkin, Sep 07 '14 at 18:04

score 15 · Answer 1 · answered Nov 22 '13 at 07:03

Since you can't use a UITableViewController instead of UIViewController, try doing this :

UITableViewController *tableViewController = [[UITableViewController alloc] init];
tableViewController.tableView = self.vrnTable;

UIRefreshControl *refresh = [[UIRefreshControl alloc] init];
refresh.tintColor = [UIColor grayColor];
refresh.attributedTitle = [[NSAttributedString alloc] initWithString:@"Pull to Refresh"];
[self.refresh addTarget:self action:@selector(get_vrns) forControlEvents:UIControlEventValueChanged];

tableViewController.refreshControl = self.refresh;

Hope this helps!

user3781953 · Answer 2 · 2014-06-27T06:39:45.290

-(void)viewDidLoad
{
   UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init];
    [refreshControl addTarget:self action:@selector(refreshData) forControlEvents:UIControlEventValueChanged];
    //[self.mytable addSubview:refreshControl];
    UITableViewController *tableViewController = [[UITableViewController alloc] init];
    tableViewController.tableView = self.mytable;
    tableViewController.refreshControl = refreshControl;
}

-(void)refreshData
{
    //Put your logic here


   //reload table & remove refreshing image
   UITableViewController *tableViewController = [[UITableViewController alloc] init];
   tableViewController.tableView = self.mytable;
   [self.mytable reloadData];
   [tableViewController.refreshControl endRefreshing];
}

Could you add some explanation? – Sal00m Jun 27 '14 at 06:46 — Sal00m, Jun 27 '14 at 06:46

score 3 · Answer 3 · answered May 04 '15 at 22:57

3

Updated answer for Swift 1.2

    var refreshControl = UIRefreshControl()
    refreshControl.backgroundColor = blue
    refreshControl.tintColor = UIColor.whiteColor()
    refreshControl.addTarget(self, action: Selector("yourFunctionHere"), forControlEvents: UIControlEvents.ValueChanged)
    self.tableView.addSubview(refreshControl)

answered May 04 '15 at 22:57

leerob

2,876
1
18
38

adding refreshControll as tableview subview works also on objective c – Husein Behboudi Rad Mar 23 '16 at 13:20

ldt25290 · Answer 4 · 2014-04-13T11:40:10.953

you can see here : UIRefreshControl in UIViewController (with UITableView)

@interface MyViewController ()
{
    UIRefreshControl *refreshControl;
}
  @property (weak, nonatomic) IBOutlet UITableView *tableView;
@end

@implementation MyViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    UIView *refreshView = [[UIView alloc] initWithFrame:CGRectMake(0, 55, 0, 0)];
    [self.tableView insertSubview:refreshView atIndex:0]; //the tableView is a IBOutlet

    refreshControl = [[UIRefreshControl alloc] init];
    refreshControl.tintColor = [UIColor redColor];
    [refreshControl addTarget:self action:@selector(reloadDatas) forControlEvents:UIControlEventValueChanged];
    /* NSMutableAttributedString *refreshString = [[NSMutableAttributedString alloc] initWithString:@"Pull To Refresh"];
    [refreshString addAttributes:@{NSForegroundColorAttributeName : [UIColor grayColor]} range:NSMakeRange(0, refreshString.length)];
    refreshControl.attributedTitle = refreshString; */
    [refreshView addSubview:refreshControl];
}

-(void)reloadDatas
{
   //update here...

   [refreshControl endRefreshing];
}

@end

http://www.g8production.com/post/79514553078/ios7-and-uirefreshcontrol-in-uiviewcontroller-with

score 2 · Answer 5 · answered Jun 27 '14 at 08:31

2

If your app support iOS 6 (and later) only: I suggest UIRefreshControl

If also support iOS 5, you can use https://github.com/enormego/EGOTableViewPullRefresh

answered Jun 27 '14 at 08:31

Nhat Dinh

3,378
4
35
51

score 2 · Answer 6 · answered Apr 28 '17 at 09:15

For Swift 3 and iOS backward compatibility

var refreshControl = UIRefreshControl()
let string = "Pull to refresh"
let attributedString = NSMutableAttributedString(string: string)
    attributedString.addAttributes([NSFontAttributeName:UIFont.systemFont(ofSize: 16)),NSForegroundColorAttributeName:UIColor.white], range: NSRange.init(location: 0, length: string.characters.count))
self.refreshControl.attributedTitle = attributedString
self.refreshControl.tintColor = UIColor.white
self.refreshControl.addTarget(self,
                             action: #selector(self.pulledDownForRefresh),
                             for: .valueChanged)
if #available(iOS 10.0, *) {
    self.accountSummaryTableView.refreshControl = refreshControl
} else {
    self.accountSummaryTableView.addSubview(refreshControl)
}

func pulledDownForRefresh() {
     //do some opertaion and then call
    self.refreshControl.endRefreshing()
}

score 1 · Answer 7 · answered Nov 22 '13 at 06:47

1

Try ready-made controls. They are much easier to implement

https://www.cocoacontrols.com/controls/pulltorefreshtransform

https://www.cocoacontrols.com/controls/qbrefreshcontrol

https://www.cocoacontrols.com/controls/mspulltorefreshcontroller

answered Nov 22 '13 at 06:47

Jay Gajjar

2,661
2
21
35

score 1 · Answer 8 · answered Nov 22 '13 at 06:48

You can use this controls for this purpose

http://code4app.net/ios/Pull-To-Refresh-TableView/4f681c096803fa2c63000004

https://www.cocoacontrols.com/controls/stableviewcontroller

https://www.cocoacontrols.com/controls/qbrefreshcontrol

https://www.cocoacontrols.com/controls/isrefreshcontrol

score 0 · Answer 9 · answered Feb 27 '15 at 15:10

I think you need to set the refresh control of the UITableView. I would need to see more of your code and view structure to diagnose the problem.

Here's a tutorial for objective-c and swift: http://www.jackrabbitmobile.com/design/ios-custom-pull-to-refresh-control/

score 0 · Answer 10 · answered Nov 22 '16 at 00:59

For Swift 3:

var refreshControl: UIRefreshControl!

override func viewDidLoad() {
    super.viewDidLoad()

    self.refreshControl = UIRefreshControl()

    self.refreshControl.tintColor = UIColor.black
    self.refreshControl.addTarget(self,
                                  action: #selector(ViewController.pullToRefreshHandler),
                                  for: .valueChanged)

    self.tableView.addSubview(self.refreshControl)
}

@objc func pullToRefreshHandler() {
    // refresh table view data here
}

score -11 · Accepted Answer · edited May 23 '17 at 12:26

-11

UIRefreshControl without UITableViewController

Or you can use UITableViewController instead of a UIViewController.

edited May 23 '17 at 12:26

Community

1
1

answered Nov 22 '13 at 06:46

Evgeniy S

1,464
12
32

Can't do that due to some limitations. Is there a work around such that I don't have to change the architecture. – Hassan Zaheer Nov 22 '13 at 06:48
Amar post good link above your question. http://stackoverflow.com/questions/12497940/uirefreshcontrol-without-uitableviewcontroller – Evgeniy S Nov 22 '13 at 06:57

Pull to refresh on UITableView Inside a UIViewController

11 Answers11