dj1232090

本次课程讲的是对Asp.Net Ajax的全球化和本地化的开发。

首先说明了全球化和本地化的定义。

• 全球化是一个面向多种文化开发和设计一个应用程序的过程。
• 本地化是面向特定文化和地区定制应用程序的过程

全球化：面向多种文化，设计
本地化：面向特定文化，定制
结论：
- 全球化为应用程序提供多文化的支持
- 本地化"全球化"带来的支持进行定制
- 两者密不可分

在Asp.Net中使用全球化

1. 首先在网站中创建App_GlobalResources文件夹，然后添加全球化资源文件GlobalResource.resx。在创建了基本的GlobalResource.resx文件之后，可以根据多语言创建对应的资源文件，如：要创建美国使用的资源可以创建GlobalResource.en-US.resx资源文件。注意en-US是标准的表示国家的编码。
2. 在两个资源文件中创建相同名字的键，然后根据国家范围，指定相同名字的键的键值。如添加TodayIs的键，在GlobalResource.resx的键值为"今天是"，在GlobalResource.en-US.resx的键值是"Today is"。
3. 现在可以在对一个控件的值根据资源文件来赋值了，如创建一个lable，那么可以设置这个label的Text的值为Resources.GlobalResource.TodayIs。这样Web应用程序会根据当前客户发送过来的国家编码自动加载TodayIs的值。
4. 如果手动改变Culture。我们可以在页面中重写InitializeCulture方法。在重写方法中我们可以通过以下代码来改变当前请求的文化值。
   this.Page.UICulture = "en-us";
   this.Page.Culture = "en-us";
   
   注意根据Culture得到相对应的资源文件是由UICulture影响的，Culture只是影响文本显示的格式。在指定完Culture以后，一定要调用基类的InitializeCulture方法。除了通过手工代码指定外，还可以在页面上指定UICulture和Culture的值，并且也可以在web.Config文件里System.Web节点下添加
   <globalization culture="auto" uiCulture="auto" />
   节点。culture和uiCulture指定为auto表明根据客户端发送过来的国家信息，来使用相应的资源文件和对应的格式。UICulture和Culture都有两种设置方式，使用其中一种就可以了
   this.Page.UICulture
   Thread.CurrentThread.CurrentUICulture 
   this.Page.Culture 
   Thread.CurrentThread.CurrentCulture 
5. 除了在页面可以使用资源文件给控件赋值，还可以在页面上赋值。
   <asp:Label runat="server" Text="<%$ Resources:GlobalResource, TodayIs %>" /><%= DateTime.Now.ToString("D") %>
   这是使用ASP.NET 表达式给lable的Text属性赋值。

使用Asp.Net的本地化。

1. 首先创建App_LocalResources文件夹，在文件夹下创建与页面名相同的资源文件。假设页面名为Default，那么本地化资源名叫Default.aspx.resx和Default.aspx.en-US.resx。并在资源文件中创建lblCurrentTime.Text键，并指定相应的值为"今天是"和"Today is "。
2. 那么我们可以直接在页面上使用如下标记
   <asp:Label runat="server" meta:resourcekey="lblCurrentTime" /><%= DateTime.Now.ToString("D") %>
   使用了这种标记之后，页面会根据当前的Culture知道对应的本地化资源文件名，然后根据指定的resoucekey和指定的lblCurrentTime的键，得到相应的值。

在Asp.Net Ajax中使用全球化功能。

ASP.NET AJAX的全球化功能仅涉及到对象字符串的转换格式不涉及Global资源文件，仅取决于Culture，与UICulture无关

1. 首先要把全球化功能打开
   <asp:ScriptManager runat="server" ID="sm" EnableScriptGlobalization="true" /> 
2. 那么我们在使用相应的文本和对象的时候需要我们使用localeFormat进行转换为相应的国家显示的格式标准。

在Asp.Net Ajax中使用本地化功能。

脚本名称加上Culture名即可，基于字符串拼接，仅由UICulture决定。意思就是说，Asp.Net Ajax的本地化功能是通过js脚本文件来实现的，基于另外一个国家或地区的脚本文件只需要讲脚本文件的后缀加上国家或地区的编码即可。如：DemoResource.js和DemoResource.en-US.js文件。在js脚本文件中是利用命名空间和类来实现资源文件的功能。

Type.registerNamespace("Demo");

Demo.Resx =
...{
"TodayIs" : "今天是"
}

那么在DemoResource.en-US.js文件里相应的就是

Type.registerNamespace("Demo");

Demo.Resx =
...{
"TodayIs" : "Today is "
}

1.首先在ScriptManager中打开本地化功能。并且指定资源文件的路径

<asp:ScriptManager runat="server" ID="sm" EnableScriptLocalization="true">
<Scripts>...
         <asp:ScriptReference Path="~/Scripts/DemoResource.js"
            ResourceUICultures="en-US" />
</Scripts>
</asp:ScriptManager> 

2.然后我们可以之间使用资源文件中的类和常量

 <script language="javascript" type="text/javascript">
    document.write(Demo.Resx.TodayIs + new Date().localeFormat("yyyy/MM/dd"));
</script>

这样我们就可以根据客户端发送过来的国家和地区自动对应相应的资源文件

第一种，把Array数组绑到dropdownlist
 程序代码
        string[] Month =new string[7]{ "January", "February", "March", "April", "May", "June", "July" };
        this.DropDownList1.DataSource = Month;
        this.DropDownList1.DataBind();

第一种方法只可以绑定一组数据到dropdownlist，因为drawdonwlist可以绑定两种数据1是DataTextField
2 是DataValueField 所以第一种方法绑定后DataTextField的值==DataTextField值
第二种，把Array数组绑定到dropdownlist
程序代码
ArrayList ar = new ArrayList();
        for (int i = 1; i <=12; i++)
        {
            ar.Add(i+"月");

        }
        this.DropDownList2.DataSource = ar;
        this.DropDownList2.DataBind();
 
直观一点的写法。
程序代码
ArrayList ar = new ArrayList();
                    ar.Add("1月");
                    ar.Add("2月");
                    ar.Add("3月");
                    ar.Add("4月");
..................................................

              this.DropDownList2.DataSource = ar;
        this.DropDownList2.DataBind();
第2种方法的好处是通过ArrayList.Add的方法，可以实现动态添加元素的功能，比方说，有一个DataTable,我们要把DataTable中一行的数据读出来添加到Arraylist当中。
程序代码
ArrayList ar = new ArrayList();
 DataTable dt=dataset.Tables[0]
foreach (DataRow dr in dt.Rows)
{ar.Add(dr[0].ToString()); }
以上代码从一个DataTable中通过foreach语句循环读取Table中一行数据中第一个格的值添加到ArrayList当中。
 
第三种方法，将Hashtable绑定到Dropdownlist当中Hashtable的方法的好处是，它也可以绑定两种数据一个是"key,一个是"value",这样的话，我们就可以为dropdonwlist绑定上两种不同的数据了。
程序代码
Hashtable Ht = new Hashtable();
        Ht.Add("January", "1月");
        Ht.Add("February", "2月");
        Ht.Add("March", "3月");
        Ht.Add("April", "4月");
        Ht.Add("May", "5月");
        Ht.Add("June", "6月");
        Ht.Add("July", "7月");
        this.DropDownList3.DataSource = Ht;
        this.DropDownList3.DataValueField = "key";
        this.DropDownList3.DataTextField = "value";
        this.DropDownList3.DataBind();
第4种，把Object对象绑定到dropdownlist
首先新增一个类，结构如下
程序代码
public class ClassMonth
{
    private string _MonthEN = DateTime.Now.ToString("MMMM",System.Globalization.CultureInfo.CreateSpecificCulture("en"));
    private string _MonthCN = DateTime.Now.ToString("MMMM", System.Globalization.CultureInfo.CreateSpecificCulture("zh-CN"));
    public ClassMonth()
    {MonthCN = DateTime.Now.ToString("MMMM", System.Globalization.CultureInfo.CreateSpecificCulture("zh-CN"));
  MonthEN = DateTime.Now.ToString("MMMM", System.Globalization.CultureInfo.CreateSpecificCulture("en"));
    }
    public ClassMonth(string cn,string en)
    {
        MonthCN = cn;//导入变量为属性赋值
        MonthEN = en;//导入变量为属性赋值
    }
    public string MonthEN //构造属性
    {
       get{
            return _MonthEN;
        }
        set
        {
            _MonthEN = value;
        }
    }
    public string MonthCN  //构造属性
    {
        get {
            return _MonthCN;
        }
        set
        {    _MonthCN = value;
        }
    }
}
绑定方法
程序代码
ArrayList arlist=new ArrayList();
         arlist.Add(new ClassMonth("1月", "January"));
         arlist.Add(new ClassMonth("2月", "February"));
         arlist.Add(new ClassMonth("3月", "March"));
         arlist.Add(new ClassMonth("4月", "April"));
         arlist.Add(new ClassMonth("5月", "May"));

         this.DropDownList4.DataSource = arlist;
         this.DropDownList4.DataValueField = "MonthEN";
         this.DropDownList4.DataTextField = "MonthCN";
         this.DropDownList4.DataBind();

//遍历option和添加、移除option
function changeShipMethod(shipping){
 var len = $("select[@name=ISHIPTYPE] option").length
 if(shipping.value != "CA"){
  $("select[@name=ISHIPTYPE] option").each(function(){
   if($(this).val() == 111){
    $(this).remove();
   }
  });
 }else{
  $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
 }
}

//取得下拉选单的选取值

$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
//////////////////////////////////////////////////////////////////
记性不好的可以收藏下：
1,下拉框:

var cc1   = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val();   //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option

稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性，
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟的是属性。

2,单选框:
$("input[@type=radio][@checked]").val();   //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
   alert($(this).val());
   });

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾

当然jquery的选择器是强大的. 还有很多方法.

<script src="jquery-1.2.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selectTest").change(function()
{
       //alert("Hello");
       //alert($("#selectTest").attr("name"));
       //$("a").attr("href","xx.html");
       //window.location.href="xx.html";
       //alert($("#selectTest").val());
       alert($("#selectTest option[@selected]").text());
       $("#selectTest").attr("value", "2");

});
});
</script>

<a href="#">aaass</a>

<!--下拉框-->
<select id="selectTest" name="selectTest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
                $("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
                $("#chk2").attr("checked",true);//打勾
                if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
            $("<optionvalue='1'>1111</option><optionvalue='2'> 2222</option>").appendTo("#sel")//添加下拉框的option
            $("#sel").empty()；//清空下拉框

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框