ตอนที่ 15 : Show Case 3 : Update Data (iOS / iPhone and Mobile Services) |
ตอนที่ 15 : Show Case 3 : Update Data (iOS / iPhone and Mobile Services) บทความการเขียน iOS เพื่อทำการ Update หรือแก้ไขข้อมูลในตารางของ Mobile Services ที่อยู่บน Windows Azure โดยในตัวอย่างนี้จะออกแบบ Viewเป็น 2 View ด้วยกัน คือ View แรกใช้ TableView แสดงรายการข้อมูลทั้งหมด ส่วน View ที่สองสำหรับแสดงข้อมูลที่ได้เลือก เพื่อทำการแสดงช่อง Textbox ไว้สำหรับแก้ไขข้อมูล
iOS iPhone Mobile Services Update Form
iOS iPhone Mobile Services Update Form
สำหรับขั้นตอนนั้นก็คือสร้าง Viewแรกด้วย TableView จากนั้นดึงข้อมูลมาจาก Mobile Services และแต่ล่ะ Item สามารถที่จะเลือกรายการเพื่อ Update ด้วยการส่งค่า id ไปยัง View ที่สอง ใน View นี้จะมีหน้าที่ไปดึงพวกรายละเอียดต่าง ๆ มาแสดงใน Textbox เพื่อรอทำการแก้ไข Update ข้อมูล
Example ตัวอย่างการทำระบบแก้ไข Update Data ที่อยู่บน Mobile Services ด้วย iOS
ตอนนี้เรามี Mobile Service อยู่ 1 รายการ
ชื่อตารางว่า MyMember
มีข้อมูลอยู่ทั้งหมด 3 รายการ
กลับมายัง Project ของ iOS บน Xcode
สำหรับพื้นฐานการสร้าง Project และการสร้าง Table รวมทั้งการติดต่อระหว่าง iOS กับ Mobile Services บน Windows Azure แนะนำให้อ่านบทความในตอนที่ 5
ตอนที่ 5: iOS / iPhone สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล
โครงสร้างไฟล์บน Xcode
View แรกจะชื่อ ViewController.xib, ViewController.h และ ViewController.m ซึ่งไว้สำหรับแสดงข้อมูลทั้งหมดบน TableView ให้ทำการเชื่อม dataSource และ delegate ระหว่าง TableView กับ File's Owner
ใน TableView ทำการเชื่อม IBOutlet ให้เรียบร้อย
ในไฟล์ ViewController.h และ ViewController.m เขียน Code ดังนี้
ViewController.h
//
// ViewController.h
// myAppMobileService
//
// Created by Weerachai on 5/12/56 BE.
// Copyright (c) 2556 Weerachai. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController
{
IBOutlet UITableView *myTable;
}
@end
ViewController.m
//
// ViewController.m
// myAppMobileService
//
// Created by Weerachai on 5/12/56 BE.
// Copyright (c) 2556 Weerachai. All rights reserved.
//
#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
#import "MyMemberService.h"
#import "UpdateViewController.h"
#import "ViewController.h"
@interface ViewController ()
// Private properties
@property (strong, nonatomic) MyMemberService *memberService;
@end
@implementation ViewController
@synthesize memberService;
- (void)viewDidLoad
{
[super viewDidLoad];
// Start Service
self.memberService = [MyMemberService defaultService];
// Start Service
self.memberService = [MyMemberService defaultService];
[self.memberService refreshDataOnSuccess:^
{
[myTable reloadData];
}];
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle : UITableViewCellStyleSubtitle
reuseIdentifier : CellIdentifier] autorelease];
}
NSDictionary *item = [self.memberService.items objectAtIndex:indexPath.row];
cell.textLabel.text = [item objectForKey:@"username"];
cell.detailTextLabel.text= [item objectForKey:@"name"];
return cell;
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
// Always a single section
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
// Return the number of items in the todoService items array
return [self.memberService.items count];
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSDictionary *item = [self.memberService.items objectAtIndex:indexPath.row];
UpdateViewController *view2 = [[[UpdateViewController alloc] initWithNibName:nil bundle:nil] autorelease];
view2.sid = [item objectForKey:@"id"];
[self presentViewController:view2 animated:YES completion:NULL];
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (void)dealloc {
[myTable release];
[super dealloc];
}
@end
เราจะสร้างชุดของ View และ Class ไว้สำหรับ แสดงรายละเอียดไว้เพื่อ Update ข้อมูล โดยใช้การส่งค่าผ่าน View เริ่มการสร้างโดยคลิกขวาที่ Project เลือก New
เลือกเป็น Objective-C Class
ตั้งชื่อว่า UpdateViewController โดยให้เลือก Subclass เป็นว่า UIViewController และอย่าลืมเลือก [x] Width XIB for user Interface
เราจะได้ไฟล์ขึ้นมา 1 ชุด UpdateViewController.xib , UpdateViewController.h และ UpdateViewController.m
สร้าง Form สำหรับ Update ข้อมูลและทำการเชื่อม IBOutlet ให้เรียบร้อย
ในไฟล์ UpdateViewController.h และ UpdateViewController.m เขียน Code ดังนี้
UpdateViewController.h
//
// UpdateViewController.h
// myAppMobileService
//
// Created by Weerachai on 7/21/56 BE.
// Copyright (c) 2556 Weerachai. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface UpdateViewController : UIViewController
{
IBOutlet UITextField *txtUsername;
IBOutlet UITextField *txtPassword;
IBOutlet UITextField *txtName;
IBOutlet UITextField *txtEmail;
IBOutlet UITextField *txtTel;
}
@property (nonatomic, strong) NSArray *upItems;
@property (strong, nonatomic) id sid;
- (IBAction)btnSave:(id)sender;
@end
UpdateViewController.m
//
// UpdateViewController.m
// myAppMobileService
//
// Created by Weerachai on 7/21/56 BE.
// Copyright (c) 2556 Weerachai. All rights reserved.
//
#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
#import "MyMemberService.h"
#import "ViewController.h"
#import "UpdateViewController.h"
@interface UpdateViewController ()
// Private properties
@property (strong, nonatomic) MyMemberService *memberService;
@end
@implementation UpdateViewController
@synthesize upItems;
@synthesize memberService;
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
// Custom initialization
}
return self;
}
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
// Start Service
self.memberService = [MyMemberService defaultService];
NSString *wid = [NSString stringWithFormat:@"id = %@",[self.sid description]];
[self.memberService getUserInfo:wid completion:^
{
if(memberService.items.count > 0)
{
NSDictionary *item = [self.memberService.items objectAtIndex:0];
txtUsername.text = [item objectForKey:@"username"];
txtPassword.text = [item objectForKey:@"password"];
txtName.text = [item objectForKey:@"name"];
txtEmail.text = [item objectForKey:@"email"];
txtTel.text = [item objectForKey:@"tel"];
}
else
{
UIAlertView *av =
[[UIAlertView alloc]
initWithTitle:@"Get Data"
message:@"Not found data."
delegate:nil
cancelButtonTitle:@"OK"
otherButtonTitles:nil
];
[av show];
}
}];
// Tap Gesture for Hide Keyboard
UITapGestureRecognizer *oneTapGesture = [[UITapGestureRecognizer alloc]
initWithTarget: self
action: @selector(hideKeyboard:)];
[oneTapGesture setNumberOfTouchesRequired:1];
[[self view] addGestureRecognizer:oneTapGesture];
}
// Event Gesture for Hide Keyboard
- (void)hideKeyboard:(UITapGestureRecognizer *)sender {
[txtPassword resignFirstResponder];
[txtPassword resignFirstResponder];
[txtName resignFirstResponder];
[txtEmail resignFirstResponder];
[txtTel resignFirstResponder];
}
- (IBAction)btnSave:(id)sender {
// Find item that was commited for editing (update)
NSDictionary *item = [self.memberService.items objectAtIndex:0];
NSMutableArray *mutableItems = (NSMutableArray *) upItems;
// Set the item to be complete (we need a mutable copy)
NSMutableDictionary *mutable = [item mutableCopy];
[mutable setObject:txtUsername.text forKey:@"username"];
[mutable setObject:txtPassword.text forKey:@"password"];
[mutable setObject:txtName.text forKey:@"name"];
[mutable setObject:txtEmail.text forKey:@"email"];
[mutable setObject:txtTel.text forKey:@"tel"];
// Replace the original in the items array
NSUInteger index = [upItems indexOfObjectIdenticalTo:item];
[mutableItems replaceObjectAtIndex:index withObject:mutable];
// Ask the todoService to set the item's complete value to YES, and remove the row if successful
[self.memberService updateItem:mutable completion:^(NSUInteger index)
{
UIAlertView *av =
[[UIAlertView alloc]
initWithTitle:@"Update Data"
message:@"Update Data Successfully."
delegate: self
cancelButtonTitle:@"OK"
otherButtonTitles:nil
];
[av show];
//ViewController *view2 = [[[ViewController alloc] initWithNibName:nil bundle:nil] autorelease];
//[self presentViewController:view2 animated:YES completion:NULL];
}];
}
// Clock alert button
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex {
if(buttonIndex == 0)
{
ViewController *view2 = [[[ViewController alloc] initWithNibName:nil bundle:nil] autorelease];
[self presentViewController:view2 animated:YES completion:NULL];
}
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (void)dealloc {
[txtUsername release];
[txtUsername release];
[txtPassword release];
[txtName release];
[txtEmail release];
[txtTel release];
[super dealloc];
}
@end
Screenshot
หน้าแสดงรายการข้อมูลทั้งหมดที่มาจาก Mobile Services ให้คลิกเพื่อเลือกทำการแก้ไขข้อมูล
แสดง Viewสำหรับการแก้ไขข้อมูล
ทดสอบการแก้ไขข้อมูล และ Update ข้อมูลไปยัง Mobile Services
ผลการ Update ข้อมูล
ในหน้า TableViewข้อมูลถูก Update เรียบร้อยแล้ว
เมื่อกลับไปยัง Mobile Services ที่อยู่บน Windows Azure ข้อมูลก็จะถูก Update เรียบร้อย
MyMemberService.h
//
// MyMemberService.h
// myAppMobileService
//
// Created by Weerachai on 7/21/56 BE.
// Copyright (c) 2556 Weerachai. All rights reserved.
//
#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
#import <Foundation/Foundation.h>
typedef void (^QSCompletionBlock) ();
typedef void (^QSBusyUpdateBlock) (BOOL busy);
@interface MyMemberService : NSObject
@property (nonatomic, strong) NSArray *items;
@property (nonatomic, strong) MSClient *client;
@property (nonatomic, copy) QSBusyUpdateBlock busyUpdate;
+ (MyMemberService *)defaultService;
- (void)refreshDataOnSuccess:(QSCompletionBlock)completion;
- (void)getUserInfo:(NSString *)sid
completion:(QSCompletionBlock)completion;
- (void)updateItem:(NSMutableDictionary *)item
completion:(QSCompletionBlock)completion;
- (void)handleRequest:(NSURLRequest *)request
next:(MSFilterNextBlock)next
response:(MSFilterResponseBlock)response;
@end
MyMemberService.m
//
// MyMemberService.m
// myAppMobileService
//
// Created by Weerachai on 7/21/56 BE.
// Copyright (c) 2556 Weerachai. All rights reserved.
//
#import "MyMemberService.h"
#import <WindowsAzureMobileServices/WindowsAzureMobileServices.h>
@interface MyMemberService() <MSFilter>
@property (nonatomic, strong) MSTable *table;
@property (nonatomic) NSInteger busyCount;
@end
@implementation MyMemberService
@synthesize items;
+ (MyMemberService *)defaultService
{
// Create a singleton instance of MyMemberService
static MyMemberService* service;
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
service = [[MyMemberService alloc] init];
});
return service;
}
-(MyMemberService *)init
{
self = [super init];
if (self)
{
// Initialize the Mobile Service client with your URL and key
MSClient *client = [MSClient clientWithApplicationURLString:@"https://thaicreate.azure-mobile.net/"
applicationKey:@"uJPAhkAkcTBuTyCNxaOSnDKFzkoYqB49"];
// Add a Mobile Service filter to enable the busy indicator
self.client = [client clientWithFilter:self];
// Create an MSTable instance to allow us to work with the TodoItem table
self.table = [_client tableWithName:@"MyMember"];
self.items = [[NSMutableArray alloc] init];
self.busyCount = 0;
}
return self;
}
- (void)refreshDataOnSuccess:(QSCompletionBlock)completion
{
// Query the TodoItem table and update the items property with the results from the service
[self.table readWithCompletion:^(NSArray *results, NSInteger totalCount, NSError *error)
{
[self logErrorIfNotNil:error];
items = [results mutableCopy];
// Let the caller know that we finished
completion();
}];
}
-(void)getUserInfo:(NSString *)sid completion:(QSCompletionBlock)completion
{
// Create a predicate that finds items where username & password
NSPredicate * predicate = [NSPredicate predicateWithFormat:sid];
// Query the TodoItem table and update the items property with the results from the service
[self.table readWithPredicate:predicate completion:^(NSArray *results, NSInteger totalCount, NSError *error)
{
[self logErrorIfNotNil:error];
items = [results mutableCopy];
// Let the caller know that we finished
completion();
}];
}
-(void)updateItem:(NSMutableDictionary *)mutable completion:(QSCompletionBlock)completion
{
// Update the item in the TodoItem table and remove from the items array on completion
[self.table update:mutable completion:^(NSDictionary *item, NSError *error) {
[self logErrorIfNotNil:error];
// Let the caller know that we have finished
completion();
}];
}
- (void)busy:(BOOL)busy
{
// assumes always executes on UI thread
if (busy)
{
if (self.busyCount == 0 && self.busyUpdate != nil)
{
self.busyUpdate(YES);
}
self.busyCount ++;
}
else
{
if (self.busyCount == 1 && self.busyUpdate != nil)
{
self.busyUpdate(FALSE);
}
self.busyCount--;
}
}
- (void)logErrorIfNotNil:(NSError *) error
{
if (error)
{
NSLog(@"ERROR %@", error);
}
}
- (void)handleRequest:(NSURLRequest *)request
next:(MSFilterNextBlock)next
response:(MSFilterResponseBlock)response
{
// A wrapped response block that decrements the busy counter
MSFilterResponseBlock wrappedResponse = ^(NSHTTPURLResponse *innerResponse, NSData *data, NSError *error)
{
[self busy:NO];
response(innerResponse, data, error);
};
// Increment the busy counter before sending the request
[self busy:YES];
next(request, wrappedResponse);
}
@end
สามารถทำการดาวน์โหลด Code ทั้งหมดได้จากท้ายบทความ
บทความถัดไปที่แนะนำให้อ่าน
บทความที่เกี่ยวข้อง
|
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
|
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
|
Score Rating : |
|
|
|
Create/Update Date : |
2013-06-15 19:52:33 /
2017-03-24 11:58:19 |
|
Download : |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|