聽起來你想要使用InlineDialog模式。例如,請查看Atlassian's AUI Sandbox。
像這樣的東西應該做的伎倆在最近的版本JIRA的
按鈕HTML:
<button class="aui-button " href="#" id="popupLink">
<span class="aui-icon aui-icon-small aui-iconfont-search-small">Search</span> Search on this issue
</button>
行爲的JavaScript:
AJS.InlineDialog(AJS.$("#popupLink"), 1,
function(content, trigger, showPopup) {
content.css({"padding":"20px"}).html(
'<h2>Search something</h2>'
+ '<form action="/path/to/your/servlet" method="get">'
+ '<input name="q" placeholder="Search query..." >'
+ '<input type="submit" value="Search">'
+ '</form>'
);
showPopup();
return false;
}
);
這應該給你一個InlineDialog類似圖片如下:
此外,通過爲您的按鈕添加data-default-value
屬性,您可以輕鬆預先填充InlineDialog中的搜索字段。
謝謝,這正是我需要的! – Schadenfreude