2011年3月17日 星期四

[Flex4][Tips] 讀取 XML ，出現 ArrayCollection 轉型失敗

剛開始玩 Flex ，許多的錯誤訊息提示總是搞不懂；今天，就發生讀取 XML 一直轉型錯誤的訊息，

上網爬文，終於在 這篇，可以解決了我的問題。

其中的關鍵


if(event.result.DirectionsResponse.route.leg is ObjectProxy){
    this.NodeData.addItem(event.result.books)
}else{
    this.NodeData = event.result.books;
}


 


HEMiDEMi 的標籤：
張貼者： DotNet API 於 清晨5:28 0 意見

2011年3月10日 星期四

[Flex4][Tips] 更改預設瀏覽器來檢視

當我們使用 Flash Builder 開發時，若想要指定某個瀏覽器作為檢視時，IDE 又該如何設定。

2011-3-11 上午 11-55-45

 

若是你不知道指定的瀏覽器，其執行檔路徑在哪裡，可以在捷徑圖示上滑鼠右鍵(ex : Chrome)

如下圖示，將「目標」內容複製，貼到 Loaction : 即可。

2011-03-11_112958

 

最後你就會看到設定的結果

2011-03-11_133845

HEMiDEMi 的標籤：,
張貼者： DotNet API 於 晚上9:39 0 意見

2011年1月23日 星期日

[ASP.NET AJAX] 解決TextBox 設定唯讀後搭配 CalendarExtender 無法取值的問題

我們希望 TextBox 搭配 CalendarExtender ，只能選取日期，不可以打字，故必須將 TextBox 設為 readonly

只是設定為唯讀後，出現取不到值的窘境，筆記一下。

問題模擬

版面配置

2011-01-24_100814

設定，TextBox 屬性  ReadOnly = true

2011-01-24_101006

程式碼，讀取 TextBox 的值，並且印出

2011-01-24_101113

當我們執行後，發現後，並沒有印出值，問題出在哪裡呢？(由於動作連貫懶惰不想抓畫面)

=====================================================================

解決方法

方法一：

撰寫以下程式碼，抓取值

2011-01-24_101617

得到結果

2011-01-24_101700

方法二：

將 TextBox 的 ReadOnly 屬性設回 false，並且撰寫以下程式碼

2011-01-24_102029

得到結果

2011-01-24_102315

HEMiDEMi 的標籤：
張貼者： DotNet API 於 下午6:31 0 意見

2011年1月21日 星期五

[GoogleMps] 透過 Google Geocoding API 取得地址經緯度

經過前一篇啟發，用別人的東西取得地址經緯度，似乎有點毛毛的；那這次我們 借用 Google Maps API Web Services

的 Google Geocoding API ：http://code.google.com/intl/zh-TW/apis/maps/documentation/geocoding/

之 地理編碼要求 ：http://code.google.com/intl/zh-TW/apis/maps/documentation/geocoding/#GeocodingRequests

來完成；我們借用本機程式來測試服務。

 

開始之前還是要注意一下使用限制

新功能介紹

2011-01-21_165543

其中 Premier 客戶，可參閱以下文件

Google Maps API 專業版開發人員指南

使用限制

2011-01-21_162837

 

首先我們來看一下 地理編碼要求

地理編碼要求

 

我們希望輸出的格式為 xml ，參考一下範例，在網址列輸入以下 url

http://maps.google.com/maps/api/geocode/xml?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false

 

會得到以下結果

2011-01-21_170950

 

根據以上總總，開始寫我們程式吧

我們利用本機端應用程式，丟出要求並且接回 XML 串流，取得 對應的經緯度，並且儲存原始資料

2011-01-21_171414

輸出結果

2011-01-21_175518

 

很好免錢版完成，打好收工

 

HEMiDEMi 的標籤：
張貼者： DotNet API 於 凌晨2:04 0 意見

2011年1月20日 星期四

[C#] 字串轉時間日期格式另一個選擇 DateTime.ParseExact

最近有個需求，需要將 類似 20100124223047 的字串轉換成 2010-01-24 22:30 的時間格式輸出

以前都是使用 DateTime.TryParse 與 DateTime.Parse 混搭風來完成 客製化格式的需求，

在實際操作之後，發現事情並非如此單純，是否需要請出 李組長 來為案情解謎一下；

基於殺雞焉用牛刀法則，還是自己嘗試解決吧。

 

重新檢視 DateTime 類別方法，發現 DateTime.ParseExact 與 DateTime.TryParseExact 似乎可以解決眼前的難題

首先我們來測試一下 原始字串是否可以順利轉換成時間日期格式

2011-01-21_104636

輸出結果

2011-01-21_102942 

其中

CultureInfo.InvariantCulture ：取得與文化特性無關的 (不變的) CultureInfo。

System.Globalization.DateTimeStyles.AllowWhiteSpaces ：除非字串中任意位置的額外空白字元出現在 DateTimeFormatInfo 格式模式中，否則必須在剖析期間忽略這些空白字元。

 

很好，接下來我們來嘗試完整的寫法

2011-01-21_104548

 

輸出結果

2011-01-21_104713

HEMiDEMi 的標籤：,
張貼者： DotNet API 於 下午6:56 0 意見

2011年1月18日 星期二

[GoogleMaps] 地址定位

我們使用 Google Maps Javascript API V3 來測試地址定位

Reference

接著來模擬 google map 的地址定位

(一)直接使用文字編輯器來撰寫

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?&sensor=false"></script>
<script type="text/javascript">
var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();    
    var latlng = new google.maps.LatLng(24.98367,121.453586);
    var myOptions = {
      zoom: 14,
      center: latlng,
      draggable:true,
      clickable:true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
    var address = document.getElementById("address").value;
    var marker = null;
    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          marker = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location,            
              visible:true    
          });
          var infowindow = new google.maps.InfoWindow({                
                content:address
            });
            infowindow.open(map,marker);
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });
    }
  }
</script>
</head>
<body onload="initialize()">
 <div>
    <input id="address" type="textbox" value="" style="width:300px">
    <input type="button" value="Encode" onclick="codeAddress()">
  </div>
 <div id="map_canvas" style="width: 800px; height: 600px;"></div>
 
</body>
</html>

 


執行結果畫面


2011-01-18_174110


 


(二) 使用 Asp.net 來完成

<%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.aspx.cs" Inherits="Test._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>測試地址定位</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?&sensor=false"></script>
    <style type="text/css">    
        html {  height: 100% ;width:100% }    body {  height: 100% ;width:100%;margin: 0px; padding: 0px }   
        #map_canvas { height: 100% ;width:100%}  </style>
    <script type="text/javascript">
    var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();    
    var latlng = new google.maps.LatLng(24.98367,121.453586);
    var myOptions = {
      zoom: 14,
      center: latlng,
      draggable:true,
      clickable:true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
    var address = document.getElementById("address").value;
    var marker = null;
    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          marker = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location,            
              visible:true    
          });
          var infowindow = new google.maps.InfoWindow({                
                content:address
            });
            infowindow.open(map,marker);
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });
    }
  }
    </script>

</head>
<body onload="initialize()">
    <form id="form1" runat="server">
        <div>
            <div>
                <input id="address" type="text" value="" style="width: 300px" />
                <input type="button" value="Encode" onclick="codeAddress()" />
            </div>
            <div id="map_canvas" style="width: 100%; height: 100%">
            </div>
        </div>
    </form>
</body>
</html>
執行結果
2011-01-18_180613

HEMiDEMi 的標籤：
張貼者： DotNet API 於 凌晨2:08 0 意見

2011年1月17日 星期一

[Google Maps] 地址轉經緯度

有的時候我們必須知道一個地址的經緯度，然而要完成這個需求，目前有許多的方法，

之後會一一來介紹；今天我來介紹一個便利的網站。

網站：http://www.mygeoposition.com/

 

在輸入列輸入地址，例如：桃園縣桃園市興華路23號

輸入好之後，點選計算地理資訊即可得到下方資訊

2011-01-17_174749

 

其中

北緯：24.975977

東經：121.326607

以度分秒來看

北緯 24度58分 33.52秒

東經 121度 19分 35.79秒

=============================================================

是的，完成了，來驗證數據吧

來到我們熟悉的台灣 google map

再輸入列打入 經緯度，就可得證，如圖所示。

2011-01-17_175238

HEMiDEMi 的標籤：
張貼者： DotNet API 於 凌晨1:55 0 意見
訂閱： 文章 (Atom)