<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

如果用戶已經(jīng)選擇了東西怎麼辦？

>如果用戶已經(jīng)對設(shè)置進行了更改，則說他們已經(jīng)要求該應(yīng)用程序找到冰淇淋，我們希望他們以前的“ gelato”設(shè)置在Textfield中出現(xiàn)設(shè)置。為此，我們將在URL中發(fā)送config HTML頁面稱為searchingfor。一個例子是URL http://www.yourpebbleappsettingpage.com?searchingfor = gelato。

>我很久以前找到了一個功能

<span>"capabilities": ["location", "configurable"]</span>

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

>

開始，我們將在JavaScript中需要一個新變量。讓我們稱其為搜索以匹配我們在appinfo.json文件中的密鑰（不必將其命名相同，但為了保持一致性和清晰度，我已經(jīng)這樣做了）。這個變量需要做的是將用戶對我們每天的卵石增強生活的位置類型的偏好存儲。

檢索它：

<span>"capabilities": ["location", "configurable"]</span>

>因此，在我們的情況下，我們需要將搜索數(shù)據(jù)存儲在Pebble應(yīng)用程序的本地存儲中。我們將使用JavaScript變量在整個應(yīng)用程序中訪問它，但是有時候，當我們首次加載應(yīng)用程序或從配置屏幕返回時，我們將從本地存儲中設(shè)置此搜索變量。 >

>我們將在JavaScript運行的那一刻查看本地存儲。如果在本地存儲中找不到我們的搜索數(shù)據(jù)，那麼我們將默認設(shè)置為“星巴克”。這是在我們的locationOptions定義下在pebble-js-app.js file。

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

到目前為止，我們的應(yīng)用程序?qū)⒆雠c以前相同的事情 - 找到我們的星巴克。當用戶按下您的應(yīng)用程序“設(shè)置”按鈕時，我們需要讓它知道該怎麼做。我們使用showconfiguration事件聽眾來做到這一點：

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

>將用戶帶到您的頁面，並帶有表格以填寫這些設(shè)置。當他們提交新設(shè)置（例如上述“冰淇淋”）時，我們希望我們的JavaScript在pebble-js-app.js中準備好並等待該數(shù)據(jù)。 為此，我們使用WebViewClatose事件偵聽器。在這裡，我們將其從URI字符串（用於空間等的編碼版本等）中解碼，然後再次將其解析為JSON對象。我們從該JSON對象獲得搜索值，並再次對其進行編碼，現(xiàn)在它不在我們的JSON字符串中。最後一點點編碼是將其存儲為準備將其放入前面討論的Foursquare API調(diào)用中的URL字符串（https://api.foursquare.com/v2/venues/venues/search?client_id ='client_id =' clientid'＆client_secret'＆client '＆v ='version'＆ll ='latitude'，'經(jīng)度'＆query ='searching for Request）：

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

>如果我們的價值不確定（似乎有很多原因可能發(fā)生了，但它們是邊緣案例），我將最後的選擇將其切換回“星巴克”。將來可能會有一種更好的方法來處理此問題，可能會出現(xiàn)錯誤，但是為了使此演示的事情保持簡單，我在最壞的情況下默認為星巴克：

<span>function saveOptions() {
</span>  <span>var options = {
</span>    <span>searchingFor: $('#searchingFor').val()
</span>  <span>}
</span>  <span>return options;
</span><span>}</span>

<span>$('#b-submit').click(function() {
</span>  <span>var location = 'pebblejs://close#' + encodeURIComponent(JSON.stringify(saveOptions()));
</span>  <span>document.location = location;
</span><span>});</span>

我們的JavaScript現(xiàn)在了解這個新設(shè)置，但還有更多要做的事情。

我們的C代碼

>我們的find_me_anything.c文件不需要更改太多。我進行了以下添加和更改。

增加消息緩衝區(qū)大小

>

<span>"capabilities": ["location", "configurable"]</span>

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

<span>function saveOptions() {
</span>  <span>var options = {
</span>    <span>searchingFor: $('#searchingFor').val()
</span>  <span>}
</span>  <span>return options;
</span><span>}</span>