c# - 通过 Xamarin.Forms 中 WebView 中的 Javascript onClick 事件调用 C# 函数
问题描述
我有一个帖子类型WebView
,我设法将其与服务响应绑定为字符串,但我有一些链接,如相关帖子,它们有它们的 id。单击这些链接时,我希望用户转到该文章。我已经尝试了很多解决方案,但它看起来像JavaScript不会在点击时调用,它会在加载时调用,因为我的完整WebView被视为字符串,如果我将它连接起来,它肯定不会保留为脚本。
这是我完整的 WebView 代码,附上的屏幕截图是在 WebView 中制作的链接。
我设法通过连接字符串中的整个响应来使其工作。下面是帮助我实现这一目标的代码
String getHtml()
{
var bodyStyle = "<!DOCTYPE html><html><head><style>body{height: 100%;}p{text-align:left;color:#191919;}filter{background-color:#191919;}a:link"
+ "{color:#2588B0; background-color:transparent}a:visited {color:#0099CC; background-color:transparent}"
+ "a:hover{color:#0099CC; background-color:transparent}a:ative{color:#0099CC; background-color:transparent}span{background-color: yellow;color: black}customRight{float: right}</style></head><body>";}
var refs = bodyStyle;
refs = refs + "<center><h4>" + response.Title + "<h4></center>";
if (response.Pc.Count > 0)
{
refs = refs + "<center><u>" + Pc +
"</a></u></center><br>";
}
if (string.IsNullOrWhiteSpace(response.Cn))
{
refs = refs + "<center>" + response.Cn + "</center><br>";
}
if (response.Judges.Count() > 0)
{
refs = refs + "<center> <strong>Coram:</strong> " + JudgesN + "</center><br>";
}
if (string.IsNullOrWhiteSpace(response.JGD.ToString()))
{
refs = refs + "<center> <strong>Decided On:</strong> " + response.JGD + "</center><br>";
}
if(string.IsNullOrWhiteSpace(response.AppealType) )
{
refs = refs + "<center> <strong>Appeal Type: </strong>" + response.AppealType + "</center><br>";
}
if (response.Appellants != null)
{
refs = refs + "<left><b>" + apeal + "</b></left>";
refs = refs + "<customRight>apeal</customRight><br>";
}
refs = refs + "<center>VERSUS</center>";
if (response.Respondants != null)
{
refs = refs + "<left><b>" + resp + "</b></left>";
refs = refs + "<customRight>resps</customRight><br><br>";
}
if (string.IsNullOrWhiteSpace(response.FinalVr))
{
refs = refs + "<center> <strong>Final:</strong> " + response.FinalVr + "</center><br>";
}
if (string.IsNullOrWhiteSpace(response.note))
{
refs = refs + "<p> <strong>Note:</strong><br/> " + response.Headnote.ToLowerInvariant() + "</p><br>";
}
if(response.Refs != null)
{
refs = refs + "<left><b>Refered Jdgmts: </b></left><br>";
foreach(var obj in response.Refs)
{
if(obj.Jid == null) {
refs = refs + "<p style='font-size:13px;'>"
+ obj.Title
+"</p>";
}
else
{
refs = refs + "<p style='font-size:13px;'>" + "<a href=\""
+ obj.Jid
+ "\" target=\"_blank\" onClick=\"(function(e){alert('e is here'); "+ loadJt(obj.Jid);+"return false;})(); return false;\">"
+ obj.Title
+ "</a>"
+ "</p>";
}
jdgmt = jdgmt.Replace("^^^", "<br/><br/>");
jdgmt = jdgmt.Replace("<SPARA>", "<p>");
jdgmt = jdgmt.Replace("</SPARA>", "</p>");
refs = refs + jdgmt;
refs = refs + "</body></html>";
return refs;
}
data.Source = new HtmlWebViewSource { Html = getHtml(), BaseUrl="http://url.com/", BindingContext = response };
这是我的 LoadJt 函数
string loadJt(string jjid)
{
loadJmt(jid);// invokes the constructor and updates my VM too.
return jid;
}
下面是链接的显示方式
解决方案
不幸的是,当我们谈论移动设备上的 WebView 时。通过 JavaScript 调用 C# 函数是一种不好的方法。由于 webview,这样做非常有限,而且您可能在每个平台上也会遇到很多问题
所以在这里我们找到一个对我来说很好的解决方案,我经常使用它
1)您无需在 xamarin.forms 和 HTML 上实现 CustomRenderer
2)此解决方案适用于调用相机,以本机方式下载文件以及您想要的任何其他内容,只需拦截导航事件
3)在您的标签中实现 HTML
"<a href=></a>"
像这样的东西:
"<a href='..MyOnclickMethod?objId="+obj.Jid+"'>"
+ obj.Title+ "</a>"
4)在您的 Xamarin WebView 上
...
webview.Navigating+=WebView_Navigating
...
private void WebView_Navigating(object sender, WebNavigatingEventArgs evt)
{
string url = evt.Url;
if (url.Contains("..MyOnclickMethod"))
{
//do your code here...
evt.Cancel = true;
}
}
确保您调用evt.Cancel = true; 防止webview继续进程申请
如果 id 还没有出现:您安装的字符串可能不正确如果您确定这一点并且它还没有工作,请尝试传入
"<a href>"
带有您的 ID 的有效网址,例如
"<a href='www.google.com/?objId='"+obj.Jid+">"
我希望我对你有所帮助
推荐阅读
- reactjs - React AntDesign 将上传的图片添加到 FormData
- spring-boot - Spring Boot Hibernate 一对多。懒惰的许多未写入数据库
- tabulator - 制表符嵌套行
- react-native - 在 React Native (Expo) 中上传图片,使用 fetch 导致 400 错误
- cmake - cmake错误:cc失败,因为没有输入文件
- dart - 从谷歌播放数据更新 Android 应用程序的 SharedPreferences 丢失
- html - 无法连接 h1 和 ul
- javascript - 如何在不全局重新定义的情况下本地更改选项对象属性
- functional-programming - 为什么 x = x +1 在 Elixir 中有效?
- javascript - Mongoose Populate - 如何动态或编程执行字段选择