Use Cases - dougflip/BladeJs GitHub Wiki

Overview

I want this page to detail out use cases for Blade. This will give me a better understanding of what to unit test and what functionality to provide.

High Level

• A textbox on change makes a request
• A select on change makes a request
• A form on submit makes a POST request

Specific Markup and Outcome

<input class="blade" name="user" />

• serializes the current element on change: user=value

<input class="blade" name="user" data-data="traverse: closest('.container').find('.hidden')" />

• traverses up to .container, finds and serializes .hidden on every change event

<input class="blade" name="user" data-data='{"key": "value"}' />

• serializes the provided data object on change: {key: value}