欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > 内容正文

在Windows Phone中使用HTML编程

来源: 开发者 投稿于  被查看 25208 次 评论:171

在Windows Phone中使用HTML编程


在开发Windows Phone的项目中,需求中有几个页面是要用表格来布局的(效果图如下),由于Grid中有的边线是虚的,而且没有边线,果断放弃了,用了border将表格的线加上去了。于是在有表格布局的页面,感觉很耗新能。在512M内存的手机上测试也不影响什么,于是就上传到商店了。现在想起来,WP8不是可以用HTML5编程么?于是就写了个DEMO来测试HTML的使用方法。

跟WinForm一样,WP也有WebBrowser这个浏览器的框,所以可以在页面上加个WebBrowser来作为HTML的容器,然后将对应的HTML页面显示在里面。

 


        
            
                企业名称
                
            
            
                企业法人
                
            
            
                法人电话
                
            
            
                企业所在地
                
            
            
                备案号
                
            
        
        
    

用js写个方法

然后你C#通过浏览器对象的InvokeScript方法来调用你的JS

Browser.InvokeScript(,);

因为我是用HttpRequest去请求数据的,把id传入后再用ajax去获取数据感觉有点慢,于是乎就直接吧json数据通过C#传入到HTML的js方法里。然后通过js方法将数据填充到对应的表格中

= $.parseJSON(json);
              
"#com").html(json["CName""#name").html(json["Contact""#phone").html(json["CTel""#adress").html(json["CAddress""#ipc").html(json["OrgCoad""#jianjie").html(json["CIntro"
Browser.InvokeScript(, );

如果我要在JS中调用C#拨打电话之类的操作呢?很简单,WebBrowser提供了这个事件。如下

 

 

                
  Browser_ScriptNotify(= =


                    
                    
                                                 
                    
                
  GestureListener_Flick( (e.Direction.ToString() ==  (e.Angle > )
 (MyPivot.Items.Count == MyPivot.SelectedIndex + = ++
 (MyPivot.SelectedIndex == =--

如果Items的header(如图所示)没有超过屏幕宽度的话会有bug,就是切换的方向问题,还未想到好的解决方案。

 

相关频道:

用户评论