如何使一个小部件标题可点击

通过开发人员框架可以实现的一个很酷的功能是使小部件中的标题可单击,这样用户就可以单击它并导航到内部网中的另一个页面。

使用开发人员框架和一些自定义的MasterPage Javascript,这是相当容易做到的,如下所示。

$(文档)时函数(){$(“李[data-widgetinstanceid = ' 3305 ']”)。(“点击”、“。widgetTitle', function(){window.location.href='/ interaction /Pages/Content/Document.aspx?id=1118';});});

在本例中,当用户单击小部件的标题时,浏览器将导航到内部网中的特定页面。这将适用于实例id为3305的特定小部件,但不会对页面上的其他小部件起任何作用。

可以通过检查页面上的元素并查看li元素上的widgetinstanceid数据属性来发现小部件的id。

650

Baidu
map